« Volver
in Windows 8 read.

[Windows 8] Trabajando con el Popup.

En este post quiero mostrar como es posible crear formularios modales en Windows 8 utilizando xaml. Utilizando xaml disponemos de un objeto Popup el cual nos va a permitir crear un control de este tipo, así que la configuración y creación de este lo haremos utilizando xaml, para el ejemplo vamos a tener un botón el cual abrirá el popup y lógicamente la definición de ese popup, entonces el xaml sería algo como.

1: <GridBackground="{StaticResource ApplicationPageBackgroundThemeBrush}"> 2: <Grid.RowDefinitions> 3: <RowDefinitionHeight="1*">RowDefinition> 4: <RowDefinitionHeight="2*">RowDefinition> 5: Grid.RowDefinitions> 6: <Buttonx:Name="btnPopup"Content="Abrir Popup"Click="btnPopup_Click_1"Grid.Row="0">Button> 7: <PopupIsLightDismissEnabled="True"x:Name="popup1"Grid.Row="1"HorizontalAlignment="Center"> 8: <StackPanelBackground="Black"> 9: <BorderBackground="Blue"BorderThickness="2"> 10: <StackPanel> 11: <StackPanelOrientation="Vertical"Margin="10"> 12: <TextBlockText="Usuario:"VerticalAlignment="Center"Margin="0,0,10,0"FontSize="20"/> 13: <TextBoxHeight="40"Width="250"FontSize="20"/> 14: <TextBlockText="Correo:"VerticalAlignment="Center"Margin="0,0,10,0"FontSize="20"/> 15: <TextBoxHeight="40"Width="250"FontSize="20"/> 16: StackPanel> 17: <ButtonHorizontalAlignment="Right"Margin="10">AceptarButton> 18: StackPanel> 19: Border> 20: StackPanel> 21: Popup> 22: Grid>

Y en el código del evento click del botón:

1: privatevoid btnPopup_Click_1(object sender, RoutedEventArgs e) 2: { 3: popup1.IsOpen = true; 4: }

Y el resultado al dar click en el botón será (no se fijen mucho en el diseño ya que no es mi fuerte):

image

Espero les sea de utilidad!

comments powered by Disqus