WPF - Popup
Popup é um controle que exibe conteúdo sobre o conteúdo existente, dentro dos limites da janela do aplicativo. É uma exibição temporária em outro conteúdo. A herança hierárquica da classe Popup é a seguinte -
Propriedades comumente usadas de classe pop-up
| Sr. Não. | Descrição da Propriedade |
|---|---|
| 1 | Child Obtém ou define o conteúdo a ser hospedado no pop-up. |
| 2 | ChildProperty Obtém o identificador da propriedade de dependência Child. |
| 3 | ChildTransitions Obtém ou define a coleção de elementos de estilo de transição que se aplicam ao conteúdo filho de um Popup. |
| 4 | ChildTransitionsProperty Identifica a propriedade de dependência ChildTransitions. |
| 5 | HorizontalOffset Obtém ou define a distância entre o lado esquerdo da janela do aplicativo e o lado esquerdo do pop-up. |
| 6 | HorizontalOffsetProperty Obtém o identificador da propriedade de dependência HorizontalOffset. |
| 7 | IsLightDismissEnabled Obtém ou define um valor que determina como o Popup pode ser descartado. |
| 8 | IsLightDismissEnabledProperty Identifica a propriedade de dependência IsLightDismissEnabled. |
| 9 | IsOpen Obtém ou define se o pop-up é exibido atualmente na tela. |
| 10 | IsOpenProperty Obtém o identificador da propriedade de dependência IsOpen. |
| 11 | VerticalOffset Obtém ou define a distância entre a parte superior da janela do aplicativo e a parte superior do pop-up. |
| 12 | VerticalOffsetProperty Obtém o identificador da propriedade de dependência VerticalOffset. |
Eventos comumente usados de classe pop-up
| Sr. Não. | Descrição do Evento |
|---|---|
| 1 | Closed Dispara quando a propriedade IsOpen é definida como false. |
| 2 | Opened Dispara quando a propriedade IsOpen é definida como true. |
Exemplo
Vamos criar um novo projeto WPF com o nome WPFPopupControl.
Ao olhar para a caixa de ferramentas, você observará que não há controle pop-up. Mas você pode adicionar um controle pop-up ao seu aplicativo a partir do XAML.
O exemplo a seguir mostra como usar o controle Popup. Aqui está o código XAML no qual um controle Popup e um CheckBox são criados e inicializados. Quando o usuário verifica o CheckBox, ele exibe um Popup.
<Window x:Class = "WPFPopupControl.MainWindow"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local = "clr-namespace:WPFPopupControl"
mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">
<Grid>
<CheckBox Name = "PCheckBox" Margin = "198,94,208,194" Content = "Checked Me" />
<Popup IsOpen = "{Binding ElementName = PCheckBox,Path = IsChecked}"
PlacementTarget = "{Binding ElementName = PCheckBox}"
AllowsTransparency = "True" PopupAnimation = "Slide">
<Canvas Width = "125" Height = "100" Background = "LightGray">
<Canvas.RenderTransform>
<RotateTransform x:Name = "theTransform" />
</Canvas.RenderTransform>
<TextBlock TextWrapping = "Wrap" Foreground = "Blue"
Text = "Hi, this is Popup" />
</Canvas>
</Popup>
</Grid>
</Window>Quando você compila e executa o código acima, ele produzirá a seguinte saída. Quando você marca a caixa de seleção, um pop-up aparecerá; e quando você desmarcar a caixa de seleção, o pop-up desaparecerá.
Recomendamos que você execute o código de exemplo acima e tente as outras propriedades e eventos da classe pop-up.