Yuan天空
Yuan天空
  • 我的主页
  • 博客随笔
  • 软件作品
    • TK精灵(进程守护)
    • 远程运维助手
    • DicomStoreSCU
    • TKOCR(离线OCR)
    • 更多...
  • 学习资源
  • 网址收藏
  • HTML模板
专注.NET开发技术领域
  1. 主页
  2. 博客
  3. 发布页

WPF使用popup控件实现弹出式提示

wpfpopup弹出式控件提示
编程开发 2018-12-18 2651
博客正文

利用Popup控件实现弹出式提示窗口信息

在wpf桌面程序开发中有时候我们需要做到类似web端那种附着标签悬浮信息提示窗效果,其实利用Popup控件就可以实现类似的悬浮标签功能 然后在后台通过对Popup控件进行展示状态控制隐藏或展示,此外利用这个控件还可以实现下拉菜单 以及气泡提示窗等等的效果

下面是一个实现基本悬浮下拉菜单的简单例子

//前端代码
<Grid>
        <Button x:Name="PopButton" Click="PopButton_Click" Content="弹出式提示窗口信息" 
        VerticalAlignment="Top" />
        <Popup x:Name="Pop" PopupAnimation="Slide" Width="100" Height="100" 
         PlacementTarget="" Placement="Bottom" AllowsTransparency="True" StaysOpen="False">
         <!--这里也可以自己绘制成其他的展示效果 比如弹出气泡窗之类的样式 下面这个是比较简单的下拉菜单效果-->
          <Border Background="#FFCFCFCF" CornerRadius="5" BorderBrush="#FF000000"  BorderThickness="1">
                <ItemsControl>
                    <Label Content="我是第1行" />
                    <Label Content="我是第2行" />
                    <Label Content="我是第3行" />
                    <Label  Content="我是第4行"/>
                </ItemsControl>
            </Border>
        </Popup>
</Grid>

属性说明:

  1. PlacementTarget:绑定控件的目标控件(附着目标显示) 这里是绑定的按钮
  2. Placement: 设置气泡控件的展示方向 这里设置的是按钮底部显示
  3. PopupAnimation:控件显示是的动画效果 这里Slide 滑动效果

后端代码:

private void PopButton_Click(object sender, RoutedEventArgs e) {
                   Pop.IsOpen = true;//设置为打开状态
}

WPF使用popup控件实现弹出式提示

同类文章
WPF 设置程序不允许同一类程序多开进程
Loading...
WPF 设置程序不允许同一类程序多开进程
WPF实现ListBox实现多列自定义内容显示
Loading...
WPF实现ListBox实现多列自定义内容显示
wpf、winform最大化被任务栏遮挡的解决办法
Loading...
wpf、winform最大化被任务栏遮挡的解决办法
一次使用AutoResetEvent的经历:在Task并发环境下导致UI线程卡死 内存一直上涨
Loading...
一次使用AutoResetEvent的经历:在Task并发环境下导致UI线程卡死 内存一直上涨
WPF Style样式xaml如何实现继承效果
Loading...
WPF Style样式xaml如何实现继承效果
WPF去除标题栏 实现窗体的缩放及拖动效果
Loading...
WPF去除标题栏 实现窗体的缩放及拖动效果
问题反馈/学习建议
1. 文明上网,理性表达,营造舒适的学习氛围
2. 请不要反馈提交与本页主题无关内容
标题目录
  • 利用Popup控件实现弹出式提示窗口信息