Разработка пользовательского элемента управления
В Листинге 13.5 приведен XAML-код страницы MainPage.xaml
<phone:PhoneApplicationPage
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:P3_1"
x:Class="P3_1.MainPage"
mc:Ignorable="d"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True">
<!--LayoutRoot представляет корневую сетку, где размещается все содержимое страницы-->
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock Text="ПОЛЬЗОВАТЕЛЬСКИЕ ЭЛЕМЕНТЫ УПРАВЛЕНИЯ"
Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
<TextBlock Text="пример" Margin="9,-7,0,0"
Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>
<!--ContentPanel — поместите здесь дополнительное содержимое-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<local:MyControl x:Name="MyControlMainPage" HorizontalAlignment="Left"
Margin="51,128,0,0" VerticalAlignment="Top"
ReadyToLoadPage="MyControlMainPage_ReadyToLoadPage" Message="Теперь можно продолжать!"/>
</Grid>
</Grid>
</phone:PhoneApplicationPage>
Листинг
13.5.
Код файла MainPage.xaml
В обработчик события ReadyToLoadPage достаточно добавить команду перехода на нужную страницу.
В итоге код файла MainPage.xaml.cs будет выглядеть так, как показано в Листинге 13.6.
using System;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
namespace P3_1
{
public partial class MainPage : PhoneApplicationPage
{
// Конструктор
public MainPage()
{
InitializeComponent();
}
private void MyControlMainPage_ReadyToLoadPage(object sender, EventArgs e)
{
NavigationService.Navigate(new Uri("/NextPage.xaml", UriKind.Relative));
}
}
}
Листинг
13.6.
Код файла MainPage.xaml.cs
Выводы
В этой лабораторной работе мы рассмотрели методику создания пользовательского элемента управления. Такой подход позволяет создавать уникальные элементы управления, которые можно использовать на различных страницах приложения или в разных приложениях. В следующей лабораторной работе мы рассмотрим методики передачи данных внутри приложения.
Задание
Создайте проект приложения, добавьте в него пользовательский элемент управления, содержащий анимацию, которая запускается при касании этого элемента управления. Добавьте элемент управления на страницу MainPage.xaml и разместите на ней анимированную с помощью раскадровки геометрическую фигуру. Настройте поведение приложения так, чтобы раскадровка, описанная на странице MainPage.xaml запускалась после завершения раскадровки, описанной в пользовательском элементе управления.
Дополнительные материалы
К данной лекции подготовлено видеоприложение и демонстрационный программный проект.