基于WPF实现边缘停靠效果

更新时间：2024年01月09日 09:30:04 作者：zhaotianff

这篇文章主要为大家信息介绍了如何基于WPF实现边缘停靠效果,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下

最近做的某个功能需要用到边缘停靠，WPF实现了下，效果如下

主要实现原理如下：

1、增加一块热点区域，鼠标进入时，触发显示动画，并隐藏热点区域

2、鼠标拖动或离开窗体，判断窗体离屏幕边缘的距离，符合条件的，触发隐藏动画，并显示热点区域

3、使用Window.Left属性进行窗体动画

需要注意的地方：

1、在拖动窗体时，不能通过窗体的Left属性来进行判断，因为Left没有刷新，可以通过Win32 API 函数GetWindowRect来获取

2、可以增加缓动动画，使动画效果更好。

实现代码如下：

MainWindow.xaml

在XAML里定义了显示和隐藏的动画，窗体定义了两列，第一列就是隐藏时用于显示窗体的热点区域

<blur:BlurWindow x:Class="WpfDockDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfDockDemo"
        xmlns:blur="clr-namespace:TianXiaTech;assembly=BlurWindow"
        mc:Ignorable="d"
        Title="MainWindow" Height="650" Width="305" TitleVisibility="Collapsed" IconVisibility="Collapsed" ControlBoxVisibility="Collapsed"
                 Background="White" Name="main" MouseMove="BlurWindow_MouseMove" MouseLeave="main_MouseLeave" Topmost="True" PreviewMouseDown="main_MouseDown">
    <blur:BlurWindow.Resources>
        <Storyboard x:Key="hiddenAnimation">
            <DoubleAnimation Storyboard.TargetName="main" Storyboard.TargetProperty="(Window.Left)" Duration="0:0:0.5" AutoReverse="False">
                <DoubleAnimation.EasingFunction>
                    <BackEase Amplitude="0.3"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="showAnimation">
            <DoubleAnimation Storyboard.TargetName="main" Storyboard.TargetProperty="(Window.Left)" Duration="0:0:0.5" AutoReverse="False">
                <DoubleAnimation.EasingFunction>
                    <BackEase Amplitude="0.3" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </blur:BlurWindow.Resources>
    <Grid>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="5"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <Grid Background="Transparent" MouseEnter="grid_DockArea_MouseEnter" Name="grid_DockArea" Visibility="Collapsed">
            <Border Height="{Binding ElementName=main,Path=ActualHeight}" VerticalAlignment="Center" Width="2" Background="Silver">
                <Border.Effect>
                    <DropShadowEffect Color="Black" Opacity=".3"></DropShadowEffect>
                </Border.Effect>
            </Border>
        </Grid>

        <!--网上随便找的图-->
        <Image Margin="10" Source="https://pic1.zhimg.com/80/v2-46ae37aad7cb70b4dc4ad4489cdaffdd_720w.webp?source=2c26e567" Grid.Column="1" PreviewMouseDown="main_MouseDown" >
            <Image.Effect>
                <DropShadowEffect Opacity=".5"></DropShadowEffect>
            </Image.Effect>
        </Image>
    </Grid>
</blur:BlurWindow>

引入用到的api函数

public struct POINT
    {
        public int x;
        public int y;
    }

    public struct RECT
    {
        public int left;
        public int top;
        public int right;
        public int bottom;
    }

    public class User32
    {
        [DllImport("User32.dll")]
        public static extern int GetCursorPos(ref POINT point);

        [DllImport("User32.dll")]
        public static extern bool GetWindowRect(IntPtr hWnd, ref RECT lpRect);
    }

定义一些用于记录窗体状态的变量

private bool isDocking = true;  //是否启用边缘停靠
private bool isAnimation = false; //是否正在动画中
private bool isDraged = false;     //是否正在拖动中

定义用于窗体显示和隐藏动画的函数

private void HideWindow(double left = -1)
        {
            if (left == -1)
            {
                RECT rect = new RECT();
                User32.GetWindowRect(new WindowInteropHelper(this).Handle, ref rect);
                left = rect.left;
            }

            if (SystemParameters.PrimaryScreenWidth - left - this.Width > 15)
                return;

            if (isAnimation)
                return;

            isAnimation = true;
            hiddenAnimation.Begin();
        }

        private void ShowWindow()
        {
            if (isAnimation)
                return;

            grid_DockArea.Visibility = Visibility.Collapsed;
            isAnimation = true;
            showAnimation.Begin();
        }

处理鼠标移动事件

private void BlurWindow_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                try
                {
                    this.DragMove();
                    isDraged = true;
                }
                catch
                {

                }
            }

            if (e.LeftButton == MouseButtonState.Released && isDocking == true && isDraged == true)
            {
                POINT point = new POINT();
                if (User32.GetCursorPos(ref point) == 1)
                {
                    var pos = e.GetPosition(this);

                    if (pos.X < 0 && pos.Y < 0)
                        HideWindow();
                }

                isDraged = false;
            }
        }

处理鼠标按下事件

private void main_MouseDown(object sender, MouseButtonEventArgs e)
        {
            var pos = e.GetPosition(this);
            if (pos.X >= 0 && pos.Y >= 0)
                isDraged = true;
        }

处理鼠标离开事件

private void main_MouseLeave(object sender, MouseEventArgs e)
        {
            if (isDocking && isDraged == false)
            {
                HideWindow();
            }
        }

这样就可以实现了一个简单的边缘停靠效果。现在只实现了屏幕右侧的边缘停靠，左边和上面可以如法炮制。

窗体第一次运行是不会主动隐藏的，需要手动控制一下。

到此这篇关于基于WPF实现边缘停靠效果的文章就介绍到这了,更多相关WPF边缘停靠内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

WPF
停靠

c# xml API操作的小例子
这篇文章主要介绍了c# xml API操作的小例子，有需要的朋友可以参考一下
2013-12-12
Unity 百度AI实现人像动漫化效果
这篇文章主要介绍了Unity如何接入百度AI接口，运用对抗生成网络技术，为用户量身定制千人千面的二次元动漫形象，并支持通过参数设置，生成二次元动漫人像。感兴趣的可以学习一下
2022-01-01
c#防止多次运行代码收集分享
原文：经过我的测试，还比较好用，但是有个问题，如果不注销，用另一个用户进入，则程序不能判断出已运行。所以只限于用在单用户环境，还是不太完美
2013-09-09
WPF实现带筛选功能的DataGrid
在默认情况下，WPF提供的DataGrid仅拥有数据展示等简单功能，如果要实现像Excel一样复杂的筛选过滤功能，则相对比较麻烦。本文以一个简单的小例子，简述如何通过WPF实现DataGrid的筛选功能，仅供学习分享使用，如有不足之处，还请指正
2023-03-03
Unity实现坦克模型
这篇文章主要为大家详细介绍了Unity实现坦克模型，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-01-01
C#实现将像素转换为页面单位的方法
这篇文章主要介绍了C#实现将像素转换为页面单位的方法,涉及C#像素转换在图形绘制中的技巧,需要的朋友可以参考下
2015-06-06
C#中的composite模式示例详解
Composite组合模式属于设计模式中比较热门的一个，相信大家对它一定不像对访问者模式那么陌生，这篇文章主要介绍了C#中的composite模式,需要的朋友可以参考下
2022-06-06
C#编写DES加密、解密类
本文给大家汇总了一下使用C#实现的DES加密、解密类的代码，十分的简单实用，有需要的小伙伴可以参考下
2015-05-05
C#多线程编程之使用ReaderWriterLock类实现多用户读与单用户写同步的方法
这篇文章主要介绍了C#多线程编程之使用ReaderWriterLock类实现多用户读与单用户写同步的方法,涉及C#多线程操作读写锁定的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-11-11
C#中winform使用相对路径读取文件的方法
这篇文章主要介绍了C#中winform使用相对路径读取文件的方法,实例分析了C#使用相对路径读取文件的技巧与实际应用,需要的朋友可以参考下
2015-01-01

基于WPF实现边缘停靠效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具