WindowsPhone/WP8/WeatherInformation/WeatherInformation/SettingsPage.xaml

   1 <phone:PhoneApplicationPage
   2     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   3     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   4     xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
   5     xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
   6     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   7     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   8     xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
   9     xmlns:ViewModels="clr-namespace:WeatherInformation.ViewModels"
  10     x:Class="WeatherInformation.SettingsPage"
  11     mc:Ignorable="d"
  12     SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait"
  13     shell:SystemTray.IsVisible="True">
  14
  15     <phone:PhoneApplicationPage.Resources>
  16         <ViewModels:SettingsViewModel x:Key="SettingsViewModelDataSource" d:IsDataSource="True"/>
  17     </phone:PhoneApplicationPage.Resources>
  18     <phone:PhoneApplicationPage.FontFamily>
  19         <StaticResource ResourceKey="PhoneFontFamilyNormal"/>
  20     </phone:PhoneApplicationPage.FontFamily>
  21     <phone:PhoneApplicationPage.FontSize>
  22         <StaticResource ResourceKey="PhoneFontSizeNormal"/>
  23     </phone:PhoneApplicationPage.FontSize>
  24     <phone:PhoneApplicationPage.Foreground>
  25         <StaticResource ResourceKey="PhoneForegroundBrush"/>
  26     </phone:PhoneApplicationPage.Foreground>
  27     <!--LayoutRoot es la cuadrícula raíz donde se coloca todo el contenido de la página-->
  28     <Grid x:Name="LayoutRoot" Background="Transparent" DataContext="{Binding Source={StaticResource SettingsViewModelDataSource}}">
  29         <!-- Pivot -->
  30         <phone:Pivot Title="WEATHER INFORMATION">
  31             <!-- Elemento Pivot uno -->
  32             <phone:PivotItem Header="{Binding LocalizedResources.SettingsPageHeaderSettings, Mode=OneWay, Source={StaticResource LocalizedStrings}}">
  33                 <ScrollViewer HorizontalScrollBarVisibility="Auto">
  34                     <Grid VerticalAlignment="Top">
  35                         <Grid.RowDefinitions>
  36                             <RowDefinition Height="Auto" />
  37                             <RowDefinition Height="Auto" />
  38                             <RowDefinition Height="Auto" />
  39                             <RowDefinition Height="Auto" />
  40                         </Grid.RowDefinitions>
  41                         <Grid.ColumnDefinitions>
  42                             <ColumnDefinition Width="*" />
  43                         </Grid.ColumnDefinitions>
  44                         <StackPanel Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" Margin="0,30,0,0">
  45                             <TextBlock x:Name="TemperatureUnitsHeader" Text="{Binding LocalizedResources.SettingsTemperatureUnitsHeader, Mode=OneWay, Source={StaticResource LocalizedStrings}}" HorizontalAlignment="Left" Foreground="#FFA4A2A2" Style="{StaticResource PhoneTextTitle2Style}"/>
  46                             <toolkit:ListPicker x:Name="TemperatureUnitsSelection" SelectedIndex="{Binding Source={StaticResource SettingsViewModelDataSource}, Path=TemperaruteUnitsSelectionSetting, Mode=TwoWay}" SelectionChanged="TemperatureUnitsSelection_SelectionChanged">
  47                                 <toolkit:ListPickerItem Content="{Binding LocalizedResources.SettingsTemperatureUnitsSelectionFahrenheit, Mode=OneWay, Source={StaticResource LocalizedStrings}}" />
  48                                 <toolkit:ListPickerItem Content="{Binding LocalizedResources.SettingsTemperatureUnitsSelectionCentigrade, Mode=OneWay, Source={StaticResource LocalizedStrings}}" />
  49                             </toolkit:ListPicker>
  50                         </StackPanel>
  51                         <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Vertical" VerticalAlignment="Center" Margin="0,30,0,0">
  52                             <TextBlock x:Name="LanguageHeader" Text="{Binding LocalizedResources.SettingsLanguageHeader, Mode=OneWay, Source={StaticResource LocalizedStrings}}" HorizontalAlignment="Left" Foreground="#FFA4A2A2" Style="{StaticResource PhoneTextTitle2Style}"/>
  53                             <toolkit:ListPicker x:Name="LanguageSelection" SelectedIndex="{Binding Source={StaticResource SettingsViewModelDataSource}, Path=LanguageSelectionSetting, Mode=TwoWay}" SelectionChanged="LanguageSelection_SelectionChanged">
  54                                 <toolkit:ListPickerItem Content="{Binding LocalizedResources.SettingsLanguageSelectionEnglish, Mode=OneWay, Source={StaticResource LocalizedStrings}}"/>
  55                                 <toolkit:ListPickerItem Content="{Binding LocalizedResources.SettingsLanguageSelectionSpanish, Mode=OneWay, Source={StaticResource LocalizedStrings}}"/>
  56                             </toolkit:ListPicker>
  57                         </StackPanel>
  58                         <StackPanel Grid.Column="0" Grid.Row="2" Orientation="Vertical" VerticalAlignment="Center" Margin="0,30,0,0">
  59                             <TextBlock x:Name="ForecastDayNumbersHeader" Text="{Binding LocalizedResources.SettingsForecastDayNumbersHeader, Mode=OneWay, Source={StaticResource LocalizedStrings}}" HorizontalAlignment="Left" Foreground="#FFA4A2A2" Style="{StaticResource PhoneTextTitle2Style}"/>
  60                             <toolkit:ListPicker x:Name="ForecastDayNumbersSelection" SelectedIndex="{Binding Source={StaticResource SettingsViewModelDataSource}, Path=ForecastDayNumbersSelectionSetting, Mode=TwoWay}" SelectionChanged="ForecastDayNumbersSelection_SelectionChanged">
  61                                 <toolkit:ListPickerItem Content="{Binding LocalizedResources.SettingsForecastDayNumbersSelectionFive, Mode=OneWay, Source={StaticResource LocalizedStrings}}"/>
  62                                 <toolkit:ListPickerItem Content="{Binding LocalizedResources.SettingsForecastDayNumbersSelectionTen, Mode=OneWay, Source={StaticResource LocalizedStrings}}"/>
  63                                 <toolkit:ListPickerItem Content="{Binding LocalizedResources.SettingsForecastDayNumbersSelectionFourteen, Mode=OneWay, Source={StaticResource LocalizedStrings}}"/>
  64                             </toolkit:ListPicker>
  65                         </StackPanel>
  66                         <StackPanel Grid.Column="0" Grid.Row="3" Orientation="Vertical" VerticalAlignment="Center" Margin="0,30,0,0">
  67                             <toolkit:ToggleSwitch x:Name="TileNotificationSwitch"
  68                                                   Content="{Binding TileNotificationSwitchContentSetting, Mode=TwoWay, Source={StaticResource SettingsViewModelDataSource}}"
  69                                                   Header="{Binding LocalizedResources.SettingsTileNotificationSwitchHeader, Mode=OneWay, Source={StaticResource LocalizedStrings}}"
  70                                                   SwitchForeground="#FF0049E5"
  71                                                   IsChecked="{Binding TileNotificationSwitchSetting, Mode=TwoWay}"/>
  72                         </StackPanel>
  73                     </Grid>
  74                 </ScrollViewer>
  75             </phone:PivotItem>
  76
  77             <!--Elemento Pivot dos-->
  78             <phone:PivotItem Header="notifications">
  79                 <phone:LongListSelector Margin="0,0,-12,0">
  80                     <phone:LongListSelector.ItemTemplate>
  81                         <DataTemplate>
  82                         </DataTemplate>
  83                     </phone:LongListSelector.ItemTemplate>
  84                 </phone:LongListSelector>
  85             </phone:PivotItem>
  86
  87         </phone:Pivot>
  88     </Grid>
  89
  90 </phone:PhoneApplicationPage>