WPF控件学习总结系统系列
前言
WPF使用popup控件实现弹出式提示
一、使用场景
示例:wpf中想要实现TextBox等操作框在特定情况下作为提示弹出的作用
二、使用步骤
1.前端界面
xaml代码如下(示例):
<Popup x:Name="pop" PopupAnimation="Fade" Height="27" PlacementTarget="{Binding ElementName=cb1}"
Placement="Bottom" AllowsTransparency="True" StaysOpen="False">
<!--样式,可以根据需要绘制展示效果,比如弹出气泡窗的样式,此处为较简单的下拉菜单效果-->
<Border Background="#000000" CornerRadius="5" BorderBrush="#FF000000" BorderThickness="1">
<ItemsControl>
<Label Content="请输入正确的手机号码" FontSize="12" Foreground="#FFFFFF"/>
</ItemsControl>
</Border>
</Popup>
2.属性说明
代码如下(示例):
属性名 | 用法 |
---|---|
PopupAnimation | popup显示的动画效果,Slide 滑动效果;fade 淡入淡出等 |
PlacementTarget | 绑定控件的目标控件,附着目标显示,用Binding进行ElementName的绑定 |
Placement | 设置气泡控件的展示方向 ,这里设置的是Bottom,则在目标控件底部显示 |
AllowsTransparency | 该值指示窗口的工作区是否支持透明,true则为支持 |
StaysOpen | 该值指示当 Popup 控件焦点不再对准时,是否关闭该控件。将 StaysOpen 属性设为 true 时,Popup 始终处于打开状态,直到通过将 IsOpen 属性设置为 false 将其显式关闭。当 StaysOpen 设置为false 时,Popup 控件会截获所有鼠标事件和键盘事件,以确定在 Popup 控件之外发生这些事件之一,最明显的区别是当设置IsOpen 为True时弹出Popup控件,当使用鼠标在另外的地方进行点击时Popup失去焦点,同时Popup隐藏,而当StaysOpen 设置为True时,当Popup失去焦点时,Popup则不会隐藏,此时仍然会保持打开的状态。 |
展示效果
总结
例如:以上就是今天记录下的学习笔记了,本文介绍了在wpf中如何使用popup控件实现弹出式提示。参考学习出处
链接: WPF使用popup控件实现弹出式提示.