- WPF Tutorial
- WPF - Home
- WPF - Overview
- WPF - Environment Setup
- WPF - Hello World
- WPF - XAML Overview
- WPF - Elements Tree
- WPF - Dependency Properties
- WPF - Routed Events
- WPF - Controls
- WPF - Layouts
- WPF - Nesting Of Layout
- WPF - Input
- WPF - Command Line
- WPF - Data Binding
- WPF - Resources
- WPF - Templates
- WPF - Styles
- WPF - Triggers
- WPF - Debugging
- WPF - Custom Controls
- WPF - Exception Handling
- WPF - Localization
- WPF - Interaction
- WPF - 2D Graphics
- WPF - 3D Graphics
- WPF - Multimedia
- WPF Useful Resources
- WPF - Quick Guide
- WPF - Useful Resources
- WPF - Discussion
WPF - Popup
Popup is a control that displays content on top of existing content, within the bounds of the application window. It is a temporary display on other content. The hierarchical inheritance of Popup class is as follows −
Commonly Used Properties of Popup Class
Sr.No. | Property & Description |
---|---|
1 | Child Gets or sets the content to be hosted in the popup. |
2 | ChildProperty Gets the identifier for the Child dependency property. |
3 | ChildTransitions Gets or sets the collection of Transition style elements that apply to child content of a Popup. |
4 | ChildTransitionsProperty Identifies the ChildTransitions dependency property. |
5 | HorizontalOffset Gets or sets the distance between the left side of the application window and the left side of the popup. |
6 | HorizontalOffsetProperty Gets the identifier for the HorizontalOffset dependency property. |
7 | IsLightDismissEnabled Gets or sets a value that determines how the Popup can be dismissed. |
8 | IsLightDismissEnabledProperty Identifies the IsLightDismissEnabled dependency property. |
9 | IsOpen Gets or sets whether the popup is currently displayed on the screen. |
10 | IsOpenProperty Gets the identifier for the IsOpen dependency property. |
11 | VerticalOffset Gets or sets the distance between the top of the application window and the top of the popup. |
12 | VerticalOffsetProperty Gets the identifier for the VerticalOffset dependency property. |
Commonly Used Events of Popup Class
Sr.No. | Event & Description |
---|---|
1 | Closed Fires when the IsOpen property is set to false. |
2 | Opened Fires when the IsOpen property is set to true. |
Example
Let’s create a new WPF project with the name WPFPopupControl.
When you look at the Toolbox, you will observe that there is no popup control. But you can add a popup control to you app from XAML.
The following example shows how to use Popup control. Here is the XAML code in which a Popup control and a CheckBox is created and initialized. When the user checks the CheckBox, it displays a 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>
When you compile and execute the above code, it will produce the following output. When you tick the checkbox, a popup will appear; and when you uncheck the checkbox, the popup will disappear.
We recommend that you execute the above example code and try the other properties and events of popup class.
To Continue Learning Please Login
Login with Google