Обмен данными внутри приложения

При создании объекта MyBrush мы инициализировали его цветом Green из системного перечисления Colors, то есть, по умолчанию цвет кисти будет зеленым.

В Листинге 19.3 приведен код страницы CommonPage.xaml (рис. 9.1.), здесь нас интересуют прямоугольник и текстовое поле.

<phone:PhoneApplicationPage
    x:Class="P4_1.CommonPage"
    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"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot представляет корневую сетку, где размещается все содержимое страницы-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel содержит имя приложения и заголовок страницы-->
        <StackPanel Grid.Row="0" Margin="12,17,0,28">
            <TextBlock Text="НАВИГАЦИЯ" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock Text="страница" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel – поместите здесь дополнительное содержимое-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <TextBlock x:Name="txtUserName" HorizontalAlignment="Left" Margin="10,10,0,0" 
TextWrapping="Wrap" VerticalAlignment="Top" 
Height="50" Width="446"/>
            <Rectangle x:Name="rectColor" HorizontalAlignment="Left" 
Height="111" Margin="141,156,0,0" Stroke="Black" 
VerticalAlignment="Top" Width="183" Fill="#FFF4F4F5"/>
        </Grid>
    </Grid>
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Minimized">
            <shell:ApplicationBarIconButton IconUri="/Images/questionmark.png" 
Text="О программе" Click="ApplicationBarIconButton_Click"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="Настройки" Click="ApplicationBarMenuItem_Click"/>
                <shell:ApplicationBarMenuItem Text="Команда меню"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>

Для разбора параметров, которые переданы странице при вызове её со страницы MainPage.xaml мы применяем обработчик события OnNavigatedTo. Там же мы получаем значение общего поля MyBrush из класса App и применяем его к прямоугольнику (Листинг 10.4).

using System;
using System.Windows;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
using System.Collections.Generic;
using Microsoft.Phone.Shell;

namespace P4_1
{
    public partial class CommonPage : PhoneApplicationPage
    {
        public CommonPage()
        {
            InitializeComponent();
        }

        private void ApplicationBarMenuItem_Click(object sender, EventArgs e)
        {
            NavigationService.Navigate(new Uri("/Pages/Settings.xaml", UriKind.Relative));
        }

        private void ApplicationBarIconButton_Click(object sender, EventArgs e)
        {
            NavigationService.Navigate(new Uri("/About.xaml", UriKind.Relative));
        }

        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            IDictionary<string, string> parameters = this.NavigationContext.QueryString;

            if (parameters.ContainsKey("User_name"))
            {
                txtUserName.Text = "Здравствуйте, "+parameters["User_name"];
            }

            rectColor.Fill = (Application.Current as App).MyBrush;

            base.OnNavigatedTo(e);
        }
    }
}

Для работы со словарем (объект типа IDictionary) мы, в обработчике события OnNavigatedTo подключили пространство имен System.Collections.Generic. В словаре оказываются параметры, переданные странице при вызове. Далее мы проверяем, имеется ли в словаре ключ "User_name" (регистр символов имеет значение), если имеется – записываем в поле txtUserName текст приветствия с именем пользователя, обратившись к соответствующему элементу словаря по ключу.

Далее, в том же обработчике, мы назначаем свойству Fill прямоугольника rectColor кисть, которая определена в классе App.

На странице Settings.xaml, рис. 9.2, (Листинг 19.5), мы разместили элемент управления ColorPicker с именем cpMy (его можно найти в пакете элементов управления Coding4Fun, в одной из предыдущих работ мы рассматривали использование пакетов элементов управления сторонних разработчиков).

<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:Controls="clr-namespace:Coding4Fun.Toolkit.Controls;assembly=Coding4Fun.Toolkit.Controls"
    x:Class="P4_1.Pages.Settings"
    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">
        <!--Элемент управления Pivot-->
        <phone:Pivot Title="НАВИГАЦИЯ">
            <!--Первый элемент Pivot-->
            <phone:PivotItem Header="цвет">
                <Controls:ColorPicker x:Name="cpMy" HorizontalAlignment="Left" Height="603" VerticalAlignment="Top" Width="456" />
            </phone:PivotItem>

            <!--Второй элемент Pivot-->
            <phone:PivotItem Header="размер">
                <Grid/>
            </phone:PivotItem>

            <!--Третий элемент Pivot-->
            <phone:PivotItem Header="общие">
                <Button x:Name="cmdLogOut" Content="Выйти из системы" HorizontalAlignment="Left" 
Height="83" Margin="52,84,0,0" VerticalAlignment="Top" 
Width="259" Click="cmdLogOut_Click"/>
            </phone:PivotItem>
        </phone:Pivot>
    </Grid>

</phone:PhoneApplicationPage>

В Листинге 19.6 вы можете видеть код страницы Settings.xaml.cs.

using System;
using System.Windows;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
using System.Windows.Media;
namespace P4_1.Pages
{
    public partial class Settings : PhoneApplicationPage
    {
        public Settings()
        {
            InitializeComponent();
        }

        private void cmdLogOut_Click(object sender, RoutedEventArgs e)
        {
            NavigationService.Navigate(new Uri("/MainPage.xaml", UriKind.Relative));
        }

        protected override void OnNavigatedFrom(NavigationEventArgs e)
        {

            if (NavigationService.CurrentSource == new Uri("/MainPage.xaml", UriKind.Relative))
            {
                while (NavigationService.CanGoBack)
                {
                    NavigationService.RemoveBackEntry();
                }

                (Application.Current as App).MyBrush.Color = Colors.Green;
            }
            base.OnNavigatedFrom(e);
        }


        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            cpMy.Color = (Application.Current as App).MyBrush.Color;
            base.OnNavigatedTo(e);
        }

        protected override void OnBackKeyPress(System.ComponentModel.CancelEventArgs e)
        {
            (Application.Current as App).MyBrush.Color = cpMy.Color;
            base.OnBackKeyPress(e);
        }
    }
}

Здесь, при переходе на страницу мы устанавливаем свойство Color элемента управления cpMy в то значение цвета, которое хранится в кисти MyBrush, определенной в классе App. Это позволяет пользователю видеть, какой именно цвет является текущим.

Когда пользователь работает с элементом управления cpMy, мы не вызываем никаких событий, записывая выбранный в элементе управления цвет при обработке события OnBackKeyPress. В данном случае выбор пал именно на это событие лишь для того, чтобы привести пример его использования. Здесь, кроме того, можно отменить переход по кнопке Назад (хотя без наличия веских причин делать этого не следует). Для того, чтобы не замедлять навигацию по кнопке Назад, в этом событии не следует размещать код, выполнение которого способно занять некоторое время. Обновить значение цвета в общедоступной кисти мы можем и в ходе выбора этого цвета, реагируя на соответствующее событие элемента cpMy, и в обработчике события OnNavigatedFrom. В этот обработчик, в сравнении с предыдущим вариантом учебного приложения, внесено изменение, которое позволяет уточнить ситуацию очистки стека переходов. Мы проверяем, осуществляется ли переход на страницу MainPage.xaml, и если это так – очищаем стек и сбрасываем к значению по умолчанию цвет кисти. Если в сценарии, подобном нашему, не уделить внимание очистке подобного поля (или иной его обработке), окажется, что если пользователь вошёл в приложение под одной учетной записью, поработал с ним, вышел, и вошёл снова под другой учетной записью, ему могут быть доступны данные, которые введены в первом сеансе работы.

Выводы

Мы рассмотрели механизмы, которые можно использовать при передаче данных внутри приложения. Один из них подходит для передачи параметров страницам при их вызове, и подразумевает построение строки параметров вызывающей страницей и обработку этих параметров вызываемой страницей. Второй подход более универсален, он подразумевает описание общедоступного поля в классе App и использование этого поля в приложении.

Задание

Продумайте систему обмена данными между страницами приложения, над котором вы работаете. Подумайте, где достаточно будет передачи данных с использованием параметров, передаваемых странице при её вызове, а где понадобится использовать общедоступное поле, объявленное в классе App. В учебных целях реализуйте оба механизма.

Дополнительные материалы

К данной лекции подготовлено видеоприложение и демонстрационный программный проект.