WindowsPhone/WP8/WeatherInformation/WeatherInformation/MainPage.xaml

   1 <phone:PhoneApplicationPage
   2     x:Class="WeatherInformation.MainPage"
   3     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   4     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   5     xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
   6     xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
   7     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   8     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   9     mc:Ignorable="d"
  10     d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
  11     FontFamily="{StaticResource PhoneFontFamilyNormal}"
  12     FontSize="{StaticResource PhoneFontSizeNormal}"
  13     Foreground="{StaticResource PhoneForegroundBrush}"
  14     SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait"
  15     shell:SystemTray.IsVisible="True">
  16
  17     <phone:PhoneApplicationPage.ApplicationBar>
  18         <shell:ApplicationBar IsVisible="True" IsMenuEnabled="False" Mode="Default">
  19             <shell:ApplicationBar.MenuItems>
  20                 <shell:ApplicationBarMenuItem Click="Location_Click" Text="Location"/>
  21                 <shell:ApplicationBarMenuItem Click="Settings_Click" Text="Settings"/>
  22             </shell:ApplicationBar.MenuItems>
  23             <shell:ApplicationBarIconButton Click="Location_Click" IconUri="/Images/add.png"  Text="Location" />
  24             <shell:ApplicationBarIconButton Click="Settings_Click" IconUri="/Images/feature.settings.png" Text="Settings"/>
  25         </shell:ApplicationBar>
  26     </phone:PhoneApplicationPage.ApplicationBar>
  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">
  29
  30         <!-- NOTA PARA LA TRADUCCIÓN:
  31             Para traducir las cadenas mostradas, copia sus valores a las claves con el nombre
  32             correspondiente en el archivo de recursos del idioma neutro (AppResources.resx) de la aplicación y
  33             reemplaza el valor de texto codificado de forma rígida entre las comillas de los atributos
  34             con la cláusula de enlace cuya ruta de acceso apunte a ese nombre de cadena.
  35
  36             Por ejemplo:
  37
  38                 Text="{Binding Path=LocalizedResources.ApplicationTitle, Source={StaticResource LocalizedStrings}}"
  39
  40             Este enlace apunta al recurso de cadena de la plantilla denominado "ApplicationTitle".
  41
  42             Al agregar idiomas admitidos en la pestaña Propiedades del proyecto se creará un
  43             nuevo archivo resx por idioma que puede contener los valores traducidos de las
  44             cadenas de la interfaz de usuario. El enlace de estos ejemplos hará que el valor de los atributos
  45             se tome del archivo .resx correspondiente al valor de
  46             CurrentUICulture de la aplicación en tiempo de ejecución.
  47          -->
  48
  49         <!--Control Pivot-->
  50         <phone:Pivot x:Name="TitleTextCityCountry" Title="{Binding TitleTextCityCountry}">
  51             <!--Elemento Pivot uno-->
  52             <phone:PivotItem Header="{Binding LocalizedResources.MainPageForecastHeader, Mode=OneWay, Source={StaticResource LocalizedStrings}}">
  53                 <phone:LongListSelector x:Name="ForecastItems" Margin="0,0,-12,0" ItemsSource="{Binding ForecastItems}" SelectionChanged="LongListSelector_SelectionChanged">
  54                     <phone:LongListSelector.ItemTemplate>
  55                         <DataTemplate>
  56                             <Grid>
  57                                 <Grid.RowDefinitions>
  58                                     <RowDefinition Height="*" />
  59                                     <RowDefinition Height="*" />
  60                                     <RowDefinition Height="*" />
  61                                 </Grid.RowDefinitions>
  62                                 <Grid.ColumnDefinitions>
  63                                     <ColumnDefinition Width="*" />
  64                                     <ColumnDefinition Width="*" />
  65                                     <ColumnDefinition Width="*" />
  66                                 </Grid.ColumnDefinitions>
  67                                 <StackPanel Grid.Column="0" Grid.Row="0" Orientation="Vertical" VerticalAlignment="Center">
  68                                     <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
  69                                     <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
  70                                 </StackPanel>
  71                                 <StackPanel Grid.Column="1" Grid.Row="0" Orientation="Vertical" VerticalAlignment="Center">
  72                                     <TextBlock Text="{Binding LineThree}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center"/>
  73                                     <TextBlock Text="{Binding LineFour}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
  74                                 </StackPanel>
  75                                 <Image Grid.Column="2" Grid.Row="0" Source="{Binding LineFive}" Width="100" Height="100" Margin="12,-6,12,0" />
  76                             </Grid>
  77                         </DataTemplate>
  78                     </phone:LongListSelector.ItemTemplate>
  79                 </phone:LongListSelector>
  80             </phone:PivotItem>
  81
  82             <!--Elemento Pivot dos-->
  83             <phone:PivotItem Header="{Binding LocalizedResources.MainPageCurrentHeader, Mode=OneWay, Source={StaticResource LocalizedStrings}}">
  84                 <ScrollViewer HorizontalScrollBarVisibility="Auto">
  85                     <Grid>
  86                         <Grid.RowDefinitions>
  87                             <RowDefinition />
  88                             <RowDefinition Height="*" />
  89                             <RowDefinition Height="*" />
  90                             <RowDefinition Height="*" />
  91                             <RowDefinition Height="*" />
  92                             <RowDefinition Height="*" />
  93                             <RowDefinition Height="*" />
  94                         </Grid.RowDefinitions>
  95                         <Grid.ColumnDefinitions>
  96                             <ColumnDefinition Width="*" />
  97                         </Grid.ColumnDefinitions>
  98                         <StackPanel Grid.Column="0" Grid.Row="0" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
  99                             <Image Source="{Binding CurrentWeatherImagePath}" Width="100" Height="100" Margin="12,0" />
 100                             <StackPanel  Orientation="Vertical" VerticalAlignment="Center">
 101                                 <StackPanel  Orientation="Horizontal" VerticalAlignment="Center">
 102                                     <TextBlock Text="{Binding CurrentMaxTemp}" TextWrapping="Wrap" Style="{StaticResource PhoneTextLargeStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 103                                     <TextBlock Text="{Binding CurrentMaxTempUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextLargeStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 104                                 </StackPanel>
 105                                 <StackPanel  Orientation="Horizontal" VerticalAlignment="Center">
 106                                     <TextBlock Text="{Binding CurrentMinTemp}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 107                                     <TextBlock Text="{Binding CurrentMinTempUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 108                                 </StackPanel>
 109                             </StackPanel>
 110                         </StackPanel>
 111                         <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,28,0,0">
 112                             <TextBlock Text="{Binding CurrentConditions}" TextWrapping="Wrap" Style="{StaticResource PhoneTextLargeStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 113                         </StackPanel>
 114                         <Grid Grid.Column="0" Grid.Row="2" Margin="0,10,0,0">
 115                             <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center">
 116                                 <TextBlock Text="{Binding CurrentFeelsLikeText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 117                                 <TextBlock Text="{Binding CurrentFeelsLikeTemp}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0,2,0"/>
 118                                 <TextBlock Text="{Binding CurrentFeelsLikeTempUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 119                             </StackPanel>
 120                             <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center">
 121                                 <TextBlock Text="{Binding CurrentSnowText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0,12,0"/>
 122                                 <TextBlock Text="{Binding CurrentSnow}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0,2,0"/>
 123                                 <TextBlock Text="{Binding CurrentSnowUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 124                             </StackPanel>
 125                         </Grid>
 126                         <Grid Grid.Column="0" Grid.Row="3" Margin="0,10,0,0">
 127                             <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center">
 128                                 <TextBlock Text="{Binding CurrentHumidityText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 129                                 <TextBlock Text="{Binding CurrentHumidity}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0,2,0"/>
 130                                 <TextBlock Text="{Binding CurrentHumidityUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 131                             </StackPanel>
 132                             <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center">
 133                                 <TextBlock Text="{Binding CurrentWindText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 134                                 <TextBlock Text="{Binding CurrentWind}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0,2,0"/>
 135                                 <TextBlock Text="{Binding CurrentWindUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 136                             </StackPanel>
 137                         </Grid>
 138                         <Grid Grid.Column="0" Grid.Row="4" Margin="0,10,0,0">
 139                             <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center">
 140                                 <TextBlock Text="{Binding CurrentRainText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 141                                 <TextBlock Text="{Binding CurrentRain}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0,2,0"/>
 142                                 <TextBlock Text="{Binding CurrentRainUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 143                             </StackPanel>
 144                             <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center">
 145                                  <TextBlock Text="{Binding CurrentCloudsText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 146                                  <TextBlock Text="{Binding CurrentClouds}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0,2,0"/>
 147                                  <TextBlock Text="{Binding CurrentCloudsUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 148                             </StackPanel>
 149                         </Grid>
 150                         <StackPanel Grid.Column="0" Grid.Row="5" VerticalAlignment="Center" HorizontalAlignment="Center">
 151                             <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
 152                                 <TextBlock Text="{Binding CurrentPressureText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 153                                 <TextBlock Text="{Binding CurrentPressure}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0,2,0"/>
 154                                 <TextBlock Text="{Binding CurrentPressureUnits}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold" Margin="2,0"/>
 155                             </StackPanel>
 156                             <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
 157                                 <TextBlock Text="{Binding CurrentSunRiseText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 158                                 <TextBlock Text="{Binding CurrentSunRise}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 159                             </StackPanel>
 160                             <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
 161                                 <TextBlock Text="{Binding CurrentSunSetText}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 162                                 <TextBlock Text="{Binding CurrentSunSet}" TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="2,0"/>
 163                             </StackPanel>
 164                         </StackPanel>
 165                     </Grid>
 166                 </ScrollViewer>
 167             </phone:PivotItem>
 168         </phone:Pivot>
 169
 170         <!--Quitar la marca de comentarios para ver una cuadrícula de alineación que
 171             ayuda a comprobar que los controles están alineados en los límites normales.  La imagen tiene un margen superior de -32px para
 172             tener en cuenta la bandeja del sistema. Establécelo en 0 (o quite el margen)
 173             si la bandeja del sistema está oculta.
 174
 175             Antes de enviarla, quita este código XAML y la propia imagen.-->
 176         <!--<Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0,-32,0,0" Grid.Row="0" IsHitTestVisible="False" />-->
 177     </Grid>
 178
 179 </phone:PhoneApplicationPage>