WPF实现窗体中的悬浮按钮
更新时间:2020年6月25日 11:15 点击:1486
WPF实现窗体中的悬浮按钮,按钮可拖动,吸附停靠在窗体边缘。
控件XAML代码:
<Button x:Class="SunCreate.Common.Controls.FloatButton" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300" Width="50" Height="50" Margin="0" HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="btn" Loaded="btn_Loaded" Click="btn_Click" > <Button.Template> <ControlTemplate> <Grid MouseLeftButtonDown="Border_MouseLeftButtonDown"> <Border CornerRadius="25" Background="#022938" Opacity="0.2" > </Border> <Border CornerRadius="20" Width="40" Height="40" Background="#022938" Opacity="0.3" > </Border> <Border CornerRadius="14" Width="28" Height="28" Background="#b06919" Opacity="0.8" > </Border> </Grid> </ControlTemplate> </Button.Template> </Button>
控件cs代码:
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace SunCreate.Common.Controls { /// <summary> /// 悬浮按钮 /// </summary> public partial class FloatButton : Button { public event EventHandler ClickEvent; private bool _move = false; double _distance = 200; double _distanceNew = 5; private Point _lastPos; private Point _newPos; private Point _oldPos; public FloatButton() { InitializeComponent(); } private void btn_Loaded(object sender, RoutedEventArgs e) { if (this.Parent != null && this.Parent is FrameworkElement) { FrameworkElement parent = this.Parent as FrameworkElement; double left = parent.ActualWidth - this.ActualWidth - this._distanceNew; double top = parent.ActualHeight - this.ActualHeight - this._distanceNew; this.Margin = new Thickness(left, top, 0, 0); } } private void Border_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { if (this.Parent != null && this.Parent is FrameworkElement) { FrameworkElement parent = this.Parent as FrameworkElement; _move = true; _lastPos = e.GetPosition(parent); _oldPos = _lastPos; parent.PreviewMouseMove += (s, ee) => { if (_move) { Point pos = ee.GetPosition(parent); double left = this.Margin.Left + pos.X - this._lastPos.X; double top = this.Margin.Top + pos.Y - this._lastPos.Y; this.Margin = new Thickness(left, top, 0, 0); _lastPos = e.GetPosition(parent); } }; parent.PreviewMouseUp += (s, ee) => { if (_move) { _move = false; Point pos = ee.GetPosition(parent); _newPos = pos; double left = this.Margin.Left + pos.X - this._lastPos.X; double top = this.Margin.Top + pos.Y - this._lastPos.Y; double right = parent.ActualWidth - left - this.ActualWidth; double bottom = parent.ActualHeight - top - this.ActualHeight; if (left < _distance && top < _distance) //左上 { left = this._distanceNew; top = this._distanceNew; } else if (left < _distance && bottom < _distance) //左下 { left = this._distanceNew; top = parent.ActualHeight - this.ActualHeight - this._distanceNew; } else if (right < _distance && top < _distance) //右上 { left = parent.ActualWidth - this.ActualWidth - this._distanceNew; top = this._distanceNew; } else if (right < _distance && bottom < _distance) //右下 { left = parent.ActualWidth - this.ActualWidth - this._distanceNew; top = parent.ActualHeight - this.ActualHeight - this._distanceNew; } else if (left < _distance && top > _distance && bottom > _distance) //左 { left = this._distanceNew; top = this.Margin.Top; } else if (right < _distance && top > _distance && bottom > _distance) //右 { left = parent.ActualWidth - this.ActualWidth - this._distanceNew; top = this.Margin.Top; } else if (top < _distance && left > _distance && right > _distance) //上 { left = this.Margin.Left; top = this._distanceNew; } else if (bottom < _distance && left > _distance && right > _distance) //下 { left = this.Margin.Left; top = parent.ActualHeight - this.ActualHeight - this._distanceNew; } ThicknessAnimation marginAnimation = new ThicknessAnimation(); marginAnimation.From = this.Margin; marginAnimation.To = new Thickness(left, top, 0, 0); marginAnimation.Duration = TimeSpan.FromMilliseconds(200); Storyboard story = new Storyboard(); story.FillBehavior = FillBehavior.Stop; story.Children.Add(marginAnimation); Storyboard.SetTargetName(marginAnimation, "btn"); Storyboard.SetTargetProperty(marginAnimation, new PropertyPath("(0)", Border.MarginProperty)); story.Begin(this); this.Margin = new Thickness(left, top, 0, 0); } }; } } private void btn_Click(object sender, RoutedEventArgs e) { if (_newPos.Equals(_oldPos)) { if (ClickEvent != null) { ClickEvent(sender, e); } } } } }
如何使用:
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:ui="clr-namespace:SunCreate.Common.Controls;assembly=SunCreate.Common.Controls" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="SunCreate.Common.Controls.Demo.MainWindow" Title="MainWindow" Height="700" Width="1200" Background="#ff10498c" WindowStartupLocation="CenterScreen"> <Grid> <ui:FloatButton x:Name="floatBtn" ></ui:FloatButton> </Grid> </Window>
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
下一篇: C#Winform窗口移动方法
相关文章
- 这篇文章主要介绍了C#开发Windows窗体应用程序的简单操作步骤,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-12
c# WPF中通过双击编辑DataGrid中Cell的示例(附源码)
这篇文章主要介绍了c# WPF中通过双击编辑DataGrid中Cell的示例(附源码),帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下...2021-03-03- 这篇文章主要介绍了C#窗体布局方式详解的相关资料,需要的朋友可以参考下...2020-06-25
- 这篇文章主要为大家详细介绍了C#创建一个简单windows窗体应用的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了简单实现C#窗体程序判断是否闰年的相关代码,禁止窗体调整大小,关闭窗体前的判断,感兴趣的小伙伴们可以参考一下...2020-06-25
- 最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
- 这篇文章主要介绍了C#实现窗体间传递数据实例,需要的朋友可以参考下...2020-06-25
- 这篇文章主要介绍了C#设置MDI子窗体只能弹出一个的方法,很实用的技巧,需要的朋友可以参考下...2020-06-25
- 这篇文章主要给大家介绍了关于C#窗体间常用的几种传值方式及委托与事件的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧...2020-06-25
- 这篇文章主要介绍了C#入门之窗体的简单用法,以实例形式分析了注册页面程序的实现过程,具有一定的参考借鉴价值,需要的朋友可以参考下...2020-06-25
- 这篇文章主要为大家详细介绍了WPF仿三星手机充电界面实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了C#实现窗体与子线程的交互的方法,对初学者有一定的学习借鉴价值,需要的朋友可以参考下...2020-06-25
- 这篇文章主要介绍了C# WPF 通过委托实现多窗口间的传值的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
- 这篇文章主要介绍了C#实现让窗体永远在窗体最前面显示,功能非常实用,需要的朋友可以参考下...2020-06-25
- 本文章来给各位同学介绍关于C#单击菜单栏或工具栏时通过反射打开窗体的方法,有需要了解的朋友可进入参考参考。...2020-06-25
- 这篇文章主要为大家详细介绍了WPF TextBox实现按字节长度限制输入功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了C#中WPF使用多线程调用窗体组件的方法,涉及C#中多线程的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
- 这篇文章主要为大家详细介绍了WPF InkCanvas绘制矩形和椭圆,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了Window.Open打开窗体和if嵌套代码的相关资料,需要的朋友可以参考下...2016-04-18
- 这篇文章主要给大家介绍了关于WPF基础教程之形状画刷与变换的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25