WPF----＞自定义控件添加Popup弹出框

自定义控件，当点击自定义控件时弹出提示框

文章目录

重要属性
普通使用
自定义控件使用Popup
参考文档

重要属性

属性	名称	解释	使用方法
PlacementTarget	安置目标	Popup附着在那个控件上	PlacementTarget="{Binding ElementName=TextBox1}"
IsOpen	是否显示	是否显示弹出框	IsOpen="{Binding ElementName=TextBox1,Path=IsFocused, Mode=OneWay}"
PopupAnimation	弹出动画	显示窗口时是否使用动画, 只有在 AllowsTransparency 等于true时此属性才有用，设置一些Popup的弹出时的动画效果。我们可以设置PopupAnimation=“Fade” 表示弹出时是通过渐入的方式进入的	PopupAnimation=“Fade” //透明度渐变显现 PopupAnimation=“None”//触发显示 PopupAnimation=“Scroll”//左上角滑出 PopupAnimation=“Slide”//从上面滑出
HorizontalOffset	水平偏移量	与附着控件水平偏移量
VerticalOffset	垂直偏移量	与附着控件的水平偏移量
Placement	弹出位置	设置弹出框相对于主体的位置	Placement=“Top”
AllowsTransparency	允许背景为透明
StaysOpen	控制关闭	false 窗口移动，工具提示或弹出窗口Popup就会消失

普通使用

 <Grid><TextBox x:Name="TextBox1" Grid.Column="1"/><Popup IsOpen="{Binding ElementName=TextBox1,Path=IsFocused, Mode=OneWay}" PlacementTarget="{Binding ElementName=TextBox1}"  Height="70" Width="210" PopupAnimation="Slide" HorizontalOffset="10"><Label Content="hahahha" Background="AliceBlue" VerticalAlignment="Center" HorizontalAlignment="Center" Height="70" Width="210"/></Popup></Grid>

自定义控件使用Popup

    <Style x:Key="PopBox" TargetType="{x:Type TextBox}"><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="TextBox"><Grid><TextBox x:Name="TextBox1" Height="30" Width="120"/><Popup IsOpen="{Binding ElementName=TextBox1,Path=IsFocused, Mode=OneWay}" PlacementTarget="{Binding ElementName=TextBox1}" Grid.ColumnSpan="2"  Placement="Bottom" Height="60" Width="180"><Label Height="60" Width=" 180" Background="AliceBlue" Content="{Binding ElementName=TextBox1,Path=Text}"/></Popup></Grid></ControlTemplate></Setter.Value></Setter></Style>

参考文档

父窗口拖动的时候Popup不随着父窗口移动”问题的解决方案

让WPF的Popup不总置顶的解决方案

WPF----＞自定义控件添加Popup弹出框相关推荐

popup弹出html页面,Popup弹出框绑定添加数据事件（步奏详解）
这次给大家带来Popup弹出框绑定添加数据事件(步奏详解),Popup弹出框绑定添加数据事件的注意事项有哪些,下面就是实战案例,一起来看一下. 逻辑窗口P1中显示一组数据,并提供一个添加按钮点击按 ...
OpenLayers基础教程——popup弹出框
1.前言在OpenLayers中,一般使用ol.Overlay实现popup弹出框,弹出框一般用于显示地图上兴趣点的一些属性信息,如下图所示.下面开始介绍实现方法. 2.准备测试数据在SqlSer ...
Bootstrap方法为页面添加一个弹出框
<!DOCTYPE html> <html> <head><meta charset="utf-8"> <title>B ...
简单实现Popup弹出框添加数据
逻辑窗口P1中显示一组数据,并提供一个添加按钮点击按钮,弹出新的浏览器窗口P2,在其中添加一条数据并提交后,窗口P2自动关闭新添加数据动态添加到窗口P1中并被选中所需知识:JS BOM 窗口对 ...
Bootstrap 弹出框（Popover）插件
弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图.如需激活弹出框,用户只需把鼠标悬停在元素上即可.弹出框的内容完全可使用 Bootstrap 数据 API(Bootstr ...
bootstrap 模态框弹出就消失了_Bootstrap 弹出框
Bootstrap 弹出框(Popover)插件弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图.如需激活弹出框,用户只需把鼠标悬停在元素上即可.弹出框的内容完全可使用 ...
前端常用插件之artDialog弹出框
前端常用插件之artDialog弹出框最近,发现一个插件--好看精致的页面弹出框,个人觉得有必要与大家分享一下,它就是artDialog弹出框. 引用上一篇文章<前端常用插件之art-temp ...
axure 点击按钮弹出框_Axure动态面板教程：弹出框效果的制作
作为一名互联网产品设计人员,相信很多同行每天上班电脑上都会运行着一个软件--Axure,她能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成 ...
mootools系列：打造属于你自己的Popup（弹出框）——扩展功能篇
为弹出框(Popup)添加"关闭(×)"按钮如弹出框结构代码所示,关闭按钮标示"×"是放置在一div中的.使其具有关闭整个弹出框的功能,只要在创建该div时, ...

WPF----＞自定义控件添加Popup弹出框

文章目录

重要属性

普通使用

自定义控件使用Popup

参考文档

WPF----＞自定义控件添加Popup弹出框相关推荐

最新文章

热门文章