[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:  <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

   2:      <Grid.RowDefinitions>

   3:          <RowDefinition Height="1*"></RowDefinition>

   4:          <RowDefinition Height="2*"></RowDefinition>

   5:      </Grid.RowDefinitions>

   6:      <Button x:Name="btnPopup" Content="Abrir Popup" Click="btnPopup_Click_1" Grid.Row="0"></Button>

   7:      <Popup IsLightDismissEnabled="True" x:Name="popup1" Grid.Row="1" HorizontalAlignment="Center">

   8:          <StackPanel Background="Black">

   9:              <Border Background="Blue"  BorderThickness="2">

  10:                  <StackPanel>

  11:                      <StackPanel Orientation="Vertical" Margin="10">

  12:                          <TextBlock Text="Usuario:" VerticalAlignment="Center" Margin="0,0,10,0" FontSize="20" />

  13:                          <TextBox Height="40" Width="250" FontSize="20" />

  14:                          <TextBlock Text="Correo:" VerticalAlignment="Center" Margin="0,0,10,0" FontSize="20" />

  15:                          <TextBox Height="40" Width="250" FontSize="20" />

  16:                      </StackPanel>

  17:                      <Button HorizontalAlignment="Right"  Margin="10">Aceptar</Button>

  18:                  </StackPanel>

  19:              </Border>

  20:          </StackPanel>

  21:      </Popup>

  22:  </Grid>

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

   1:  private void 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):

Espero les sea de utilidad!

About these ads