WPF Popup 右下角提示框定时消失，以及任意位置定位

------------恢复内容开始------------

好久没写WPF的博客了，其实有很多心得要总结下，但是懒。。。。。

今天工作需要，需要实现一个

1 右下角的提示窗口，然后过三五秒自动消失这样的需求。

2 再任意位置可以弹出一个小界面，比如点击确认按钮后弹出某些确认信息（用窗口实现当然也可以，感觉有点大马拉小车）

想着这样的功能应该又好人做过了，直接网上抄下就可以了，奈何没找到，CSDN下载都需要积分。哎，现在的人都想着赚钱了嘛。。。。

决定用Popup做，回顾了下Popup的玩法，要实现，右下角/任意坐标，还是有点麻烦的。一些基础如果不是很清楚可以看下这个博客

https://www.cnblogs.com/nimorl/p/11628596.html ，写的比较清楚

想实现任意位置，需要用到PlacementRectangle 属性，这个东西简单点说就是需要你告诉POPUP 一个坐标，然后它根据坐标来做相对定位，我觉得太麻烦了，我这么懒的人是不会去计算坐标的

所以我想了个简单的方法。既然popup需要一个宿主，那么我们可以在界面的任意位置放置这个宿主，只不过不显示宿主。这样，POPUP的位置也可以说是任意了。

比如左下角。假设我们Window下面是一个Grid.那么我只要把宿主放到右下角，然后让POPUP 靠左显示就可以了

1     <Grid >
2         <Button x:Name="pophost" Height="100" Width="1"   HorizontalAlignment="Right" Margin="0,0,0,0" VerticalAlignment="Bottom" > </Button>
3         <Popup IsOpen="True" StaysOpen="True" PlacementTarget ="{Binding ElementName=pophost}" Placement="Left" >
4             <TextBlock Background="AliceBlue" Height="100" Width="200">我是popup里的txtblock</TextBlock>
5         </Popup>
6     </Grid>

那么，我要多放一个额外的宿主是不是很麻烦那？是的，所以我们改进下代码，定义一个UserCrontrol, 名字就叫myPopup吧里面放一个Popup，这样，你用的时候直接用myPopup就行了

 1 <UserControl x:Class="CsharpWpfManual.myPopup"
 2              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
 5              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
 6              xmlns:local="clr-namespace:CsharpWpfManual"
 7              mc:Ignorable="d"  x:Name="popuphost"
 8              Width="0.1" Height="100" >
 9     <Popup x:Name="pp" PlacementTarget="{Binding ElementName=popuphost}" IsOpen="False"  StaysOpen="True" Placement="Left" Opened="pp_Opened">
10         <TextBox x:Name="txt" Width="300" Height="100">你好，我来了</TextBox>
11     </Popup>
12 </UserControl>

这样我用的时候，代码就变成了这样

1     <Grid >    
3         <local:myPopup Background="Red" x:Name="mypp"   Width="0" Height="100"  HorizontalAlignment="Right"  VerticalAlignment="Bottom" Margin="0,0,0,0"/>
4     </Grid>

下面我们写一下myPopup 的cs代码。实现一些定时和显示消息的功能

 1 public partial class myPopup : UserControl
 2     {
 3         public myPopup()
 4         {
 5             InitializeComponent();
 6             readDataTimer.Tick += new EventHandler(timeCycle);
 7             readDataTimer.Interval = new TimeSpan(0, 0, 0, 5);
 8         }
 9 
10         private static System.Windows.Threading.DispatcherTimer readDataTimer = new System.Windows.Threading.DispatcherTimer();
11         public void timeCycle(object sender, EventArgs e)
12         {
13             if (pp.IsOpen == true)
14             {
15                 pp.IsOpen = false;
16             }
17             readDataTimer.IsEnabled = false;
18 
19         }
20         /// <summary>
21         /// opend事件，打开后，启动定时器开始计时，先写死5秒把
22         /// </summary>
23         private void pp_Opened(object sender, EventArgs e)
24         {
25             readDataTimer.IsEnabled = true;
26 
27             readDataTimer.Start();
28         }
29 
30 
31         public void ShowMessage(string message)
32         {
33             pp.IsOpen = true;
34             txt.Text = message;
35         }
36     }

至此，相信聪明的小伙伴们已经想到了如何把提示框放在界面中央了，也可以扩展一下在mypopup类中做个Content属性，这样就可以方式任何东西啦，我懒的做了，谁做好了记得分享啊

我也不多说了，上个源码给大伙看把

https://files.cnblogs.com/files/CSSZBB/WpfApp7.rar

posted on 2020-04-02 19:27 陈傻傻周笨笨阅读(1858) 评论(0) 编辑收藏举报

刷新页面返回顶部

陈傻傻周笨笨