WPF：带阴影、带箭头的Popup提示框

最新推荐文章于 2025-05-13 00:57:00 发布
原创 最新推荐文章于 2025-05-13 00:57:00 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#WPF #阴影 #Popup #箭头 #阴影箭头提示框

本文介绍了如何在WPF中使用Popup实现带阴影和箭头的提示框，通过Path绘制技术和参考其他资源，分享了详细的实现思路、下载链接，并附带了相关教程和Demo。

WPF：带阴影、带箭头的Popup提示框

效果图

带阴影和箭头提示框

实现思路

首先感谢参考连接1的作者提供的思路

  • 开始打算使用Border+三角形的方法来实现提示框，但是最后发现走不通，因为阴影会被遮挡
  • 学习了一下WPF中的Path的绘制方法参考1+参考3
  • 最后总结了一下阴影部分的实现方法

下载地址

Demo

参考连接

1.使用Popup制作带箭头的弹出提示框
2.自定义带尖括号和阴影的Popup框
3.WPF中图形表示语法详解

WPF：使用Popup制作带箭头的弹出提示框
pandawangyt的博客
12-05 3257
先上效果图： 思路： 制作带箭头的边框：使用Path 首先我们要制作带箭头，且有4个圆角的“边框”，简单点的可以去找个图片当背景，但是遇到复杂的就不适用了。所以这里我们选择使用Path来画出这个带箭头圆角边框。 看下图（PPT画图好难） 我们分析一下这个边框形状，为了简单起见我们先假定长宽一样。 1、中间蓝色是个长宽=100的正方形，就是效果图中浅蓝色那部分，在该部分可以放任意多的内容。 2、假定4个圆角的半径都为5，箭头那里三角形底（黄色线），那就假定为2*r=10。 3、以左上角为坐标原点，应该不
WPF 自定义带尖括号和阴影的POP UP框
qq_20758141的博客
03-22 1215
做了个简单易懂的1.  <Path>是绘制框体的尖角，放置于“水平居中，垂直下方"不设置尖角边框线颜色Storke，这样看起来和框体就是一整体啦2.  <DropShadowEffect>是做的框外侧阴影这里没给Border边框和Path边框设置颜色，想设置阴影颜色就在DropShadowEffect中加上Color属性值3. <Window>里对窗体设置属性W...
Popup 显示阴影
weixin_30673715的博客
09-03 313
WPF Popup: How to put a border around the popup? 通过设置 Border 的 margin 来为阴影留出位置，并设置 Popup：AllowsTransparency="True"。 1 <Popup ... AllowsTransparency="True"> 2 <Grid > 3 ...
WPF带阴影带箭头的Popup提示框：项目核心功能/场景
最新发布
gitblog_06783的博客
05-13 302
WPF带阴影带箭头的Popup提示框：项目核心功能/场景 去发现同类优质开源项目:https://gitcode.com/ WPF带阴影、带箭头的Popup提示框，为开发者提供美观且功能丰富的提示框实现方案。 项目介绍 在现代软件开发中，用户界面的友好性和美观性是评价软件质量的重要标准之一。在WPF（Windows Presentation Foundation）应用程序中，Popup提示框是常见...
WPF实现带阴影和箭头的Popup提示框教程
在此资源中，我们将重点关注如何在WPF中创建一个带有阴影和箭头的Popup提示框。Popup控件是WPF中用于显示信息的非常有用的控件，它可以帮助开发者在用户界面上显示额外的提示信息，而不会干扰主窗口界面。阴影和箭头...
WPF气泡提示框的简单制作
10-19
Popup控件可以包含其他UI元素，并通过Placement属性来指定提示框相对于某个目标（PlacementTarget）的显示位置，如示例中的“Right”表示提示框将显示在目标的右侧。 3. 通过绑定Popup的PlacementTarget属性到...
wpf 消息提示框（仿QQ左下角提示框）
11-24
wpf 消息提示框，弹出消息提示框，在左下角弹出消息提示。
Wpf 系统异常提示框
北京-老黑的博客
02-22 2120
源码： wpf页：        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         Height="420" Width="350"         Mous
WPF带小箭头的按钮
weixin_33938733的博客
12-06 686
XAML代码： <ControlTemplate x:Key="btnTpl" TargetType="RadioButton"> <StackPanel Orientation="Vertical" Height="30" Background="Transparent"> <Border Name="border" Backg...
WPF 控件 【P】 Popup(一) 点击一个按钮，弹出几个可选的按钮
xpj8888的博客
09-25 2500
参考：https://www.cnblogs.com/seekdream/p/5579221.html xaml <controls:ImageButton Name="BtnShutDownMenu" HorizontalAlignment="Left" Margin="28,0,0,0" Height="40" Width="40" Command="{Binding M...
在WPF页面中用Popup模拟模态对话框
热门推荐
寒星轩
03-17 2万+
在WPF的页面中我们肯定会遇到这样的需求：弹出一个对话框让用户进行一些选择和输入，当用户在该对话框上的操作结束并关闭对话框后再返回到主页面进行其他操作。这其实就是一个很典型的模态对话框的应用。在WPF的Window中我们可以创建一个Window并调用它的ShowDialog()方法来满足上面的需求。可是这样的方法在WPF页面上却行不通。原因是：用ShowDialog()方法弹出的对话框跟浏
c#用WPF实现输入时显示智能提示框
weixin_43935474的博客
01-13 3108
功能： 用户在textbox中输入字符串； 软件自动判断输入的字符串与数据源中的字符串列表是否有相匹配的，如果有则将相匹配的字符串显示在提示界面中； 提示界面的位置永远在光标的后方； 工程为WPF工程，主界面中放了一个TextBox，提示界面是一个WPF界面，里面放了一个ListBox。 主界面的主要代码如下： public partial class MainWindow : Windo...
WPF阴影的简单使用（DrawShadowEffect)
weixin_53370274的博客
06-04 741
ShadowDepth：确定阴影离开内容多远，单位为像素（默认值为5）。将该属性设置为0会创建外侧辉光（outer-glow）效果，该效果会在内容的周围添加晕彩（halo of color）;将该属性设置为0会将阴影放置到右边，增加该属性的值时会逆时针移动阴影。BlurRadius：模糊阴影，该属性和BlurEffect类的Radius属性非常类似（默认值是5）；Opacity：使用从1（完全不透明，默认值）到0（完全透明）之间的小数使阴影部分透明；Color：设置阴影的颜色（默认为黑色）；
Popup阴影效果
paltan的专栏
08-31 426
<Popup> <Border x:Name="main" Margin="5" CornerRadius="4"> <Border.Effect> <DropShadowEffect BlurRadius="5" ShadowDepth="0" Co...
WPF tooltip位置，增加箭头，圆角设置，样式修改
wnk1997的博客
01-11 2982
先贴代码 <Window.Resources> <FontFamily x:Key="PingFangSCRegular">/WpfApplication2;Component/Fonts/#PingFang SC Regular</FontFamily> <Style x:Key="MyToolTipStyle" TargetType="ToolTip"> <Setter Property="Te
C# WPF遮罩对话框（Popup Message Overlay/ Dialog Host）
Dotnet9的专栏
12-28 2395
时间如流水，只能流去不流回！ 点赞再看，养成习惯，这是您给我创作的动力！ 本文 Dotnet9 https://dotnet9.com 已收录，站长乐于分享dotnet相关技术，比如Winform、WPF、ASP.NET Core、Xamarin.Forms等，亦有C++桌面相关的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己会的。 阅读导航： 一、先看效果 二、本...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值