[Windows 8] Trabajando con el Popup

Posted on Actualizado enn


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):

image

Espero les sea de utilidad!

About these ads

3 comentarios en “[Windows 8] Trabajando con el Popup

    [Windows 8] Trabajando con el Popup « MSExpertos escribió:
    08/22/2012 en 10:36

    [...] [Windows 8] Trabajando con el Popup [...]

    [...] [Windows 8] Trabajando con el Popup [...]

    Resumen Post 2012 « Todo en ASP.NET escribió:
    12/19/2012 en 22:06

    [...] [Windows 8] Trabajando con el Popup [...]

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s