Freigeben über

Video: Cómo crear apps para win8, Cap FINAL (10) : Search y Share Charm DESDE CERO

  • Artikel

Serie de Videos:
Cómo crear apps para win8, Cap FINAL (10) : Search y Share Charm DESDE CERO


Video: Search y Share Charm DESDE CERO | Cómo crear apps para win8, Cap FINAL (10)

En esta sesión se revisa como utilizar los charm de búsqueda y de compartir, los ejercicios muestran como crearlos desde 0 para no depender de las plantillas predeterminadas.

Este video cuenta con ejemplos de código prácticos y sencillos que puedes replicar de manera sencilla

A continuación el código necesario para la creación del GridView expuesto en el minuto 3.51

 <Grid Grid.Row="1">
<GridView Grid.Row="1" ItemsSource="{Binding Lista}">
    <GridView.ItemTemplate>
        <DataTemplate>
            <Border Style="{StaticResource DataBorder}"           >
                <StackPanel>
                    <TextBlock x:Name="cedula" Text="{Binding Cedula}" 
                    Style="{StaticResource CedulaTextBlock}" 
                    Foreground="{Binding FavoriteColor}" />
                    <StackPanel Style="{StaticResource NameStack}">
                        <TextBlock x:Name="Nombre" 
                        Text="{Binding Nombre}" 
                        Style="{StaticResource NombreTextBlock}" />
                        <TextBlock x:Name="Apellido" 
                        Style="{StaticResource ApellidoTextBlock}"
                        Text="{Binding Apellido}" />
                    </StackPanel>
                    <TextBlock x:Name="Profesion" 
                    Text="{Binding Profesion}"
                    Style="{StaticResource ProfesionTextBlock}" />
                </StackPanel>
            </Border>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>
</Grid>

Este es el código de la hoja de recursos utilizado en 04:33

 <Style x:Key="DataBorder" TargetType="Border">
<Setter Property="BorderBrush" Value="White" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="Padding" Value="10" />
<Setter Property="Margin" Value="10"/>
</Style>
<Style x:Key="CedulaTextBlock" TargetType="TextBlock">
<Setter Property="FontSize"  Value="35"              />
<Setter Property="VerticalAlignment"  Value="Center" />
<Setter Property="TextAlignment"  Value="Center"     />
<Setter Property="Margin"  Value="0,0,0,5"           />
</Style>
<Style x:Name="NameStack" TargetType="StackPanel">
<Setter Property="Orientation" Value="Horizontal"/>
</Style>
<Style x:Name="ApellidoTextBlock" TargetType="TextBlock">
<Setter Property="Width" Value="130"/>
<Setter Property="Margin" Value="10,0,5,0"/>
<Setter Property="TextWrapping" Value="Wrap"/>
<Setter Property="TextAlignment" Value="Right"/>
<Setter Property="HorizontalAlignment" Value="Right"/>
<Setter Property="FontSize"  Value="25"/>
</Style>
<Style x:Name="NombreTextBlock" TargetType="TextBlock">
<Setter Property="FontSize" Value="40"/>
<Setter Property="MinWidth" Value="180"/>
</Style>
<Style x:Name="ProfesionTextBlock" TargetType="TextBlock">
<Setter Property="FontSize"  Value="25"/>
<Setter Property="Width"  Value="350"/>
<Setter Property="HorizontalAlignment"  Value="Left"/>
<Setter Property="TextWrapping"  Value="Wrap"/>
</Style>