XAML - Popup

更新于 2024/6/13 10:47:57

Popup 在应用程序窗口范围内的现有内容之上显示内容。它是暂时显示在其他内容上。Popup 类的层次继承如下 −

属性

下面给出了 Popup 类的常用属性。

Sr.No.	属性 &描述
1	Child 获取或设置要在弹出窗口中托管的内容。
2	ChildProperty 获取 Child 依赖属性的标识符。
3	ChildTransitions 获取或设置适用于 Popup 子内容的 Transition 样式元素集合。
4	ChildTransitionsProperty 标识 ChildTransitions 依赖项属性。
5	HorizontalOffset 获取或设置应用程序窗口左侧与弹出窗口左侧之间的距离。
6	HorizontalOffsetProperty 获取 HorizontalOffset 依赖项属性的标识符。
7	IsLightDismissEnabled 获取或设置确定的值如何关闭 Popup。
8	IsLightDismissEnabledProperty 标识 IsLightDismissEnabled 依赖属性。
9	IsOpen 获取或设置弹出窗口当前是否显示在屏幕上。
10	IsOpenProperty 获取 IsOpen 依赖属性的标识符。
11	VerticalOffset 获取或设置应用程序窗口顶部与弹出窗口顶部之间的距离。
12	VerticalOffsetProperty 获取 VerticalOffset 依赖项属性的标识符。

事件

Popup 类具有以下事件。

Sr.No.	事件和描述
1	Closed 当 IsOpen 属性设置为 false 时触发。
2	Opened 当 IsOpen 属性设置为 true 时触发。

Sr.No.

事件和描述

Closed

当 IsOpen 属性设置为 false 时触发。

Opened

当 IsOpen 属性设置为 true 时触发。

示例

以下示例显示如何使用 Popup 控件。下面给出的是用于创建和初始化 Popup 控件和 CheckBox 的 XAML 代码。当用户选中 CheckBox 时，它会显示一个 Popup。

<Window x:Class = "XAMLPopup.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid>
      <StackPanel> 
         <CheckBox Name = "PCheckBox" Margin = "10,10,484,500" Content = "Checked Me" Height = "18"/> 
			
         <Popup IsOpen = "{Binding ElementName = PCheckBox,Path = IsChecked}" 
            PlacementTarget = "{Binding ElementName = PCheckBox}"
            AllowsTransparency = "True" PopupAnimation = "Slide"
            HorizontalOffset = "150" VerticalOffset = "100">
			
            <Canvas Width = "100" Height = "100" Background = "LightGray" Margin = "5">
               <Canvas.RenderTransform> 
                  <RotateTransform x:Name = "theTransform" />
               </Canvas.RenderTransform> 
			
               <TextBlock TextWrapping = "Wrap" Foreground = "Blue" Text = "Hi, this is Popup"/>
            </Canvas> 
         </Popup>
      </StackPanel>
   </Grid> 
   
</Window>

当您编译并执行上述代码时，它将产生以下输出 −