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

image

Espero les sea de utilidad!

You may also like...

3 Responses

  1. August 22, 2012

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

  2. November 8, 2012

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

  3. December 19, 2012

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

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Follow

Get every new post on this blog delivered to your Inbox.

Join other followers: