Разработка пользовательского элемента управления
В Листинге 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 запускалась после завершения раскадровки, описанной в пользовательском элементе управления.
Дополнительные материалы
К данной лекции подготовлено видеоприложение и демонстрационный программный проект.