【QQ揭秘】如何实现窗体靠边隐藏？

admin

2017年4月20日 16:13 本文热度 7511

说明：
   QQ有个靠边隐藏的功能，使用起来很方便：在屏幕上拖动QQ的主窗体，当窗体的上边沿与屏幕的上边沿对齐时，主窗体就会duang~~地隐藏起来，当将鼠标移到屏幕上边沿的对应区域时，主窗体又会duang~~显示出来。
　　我在GG的最新版4.2中也增加了靠边隐藏的功能，支持靠左边沿隐藏、靠上边沿隐藏、靠右边沿隐藏三种模式，并且，将靠边隐藏实现为了一个可复用的组件AutoDocker。
   那么，靠边隐藏功能到底是怎么实现的了？（最初实现的过程中，遇到了很多问题，花了不少时间，现在直接把成果共享出来）

一.靠边隐藏的原理
   靠边隐藏的本质实际上并不是将窗体的Visiable设为false，而是将整个窗体的位置挪到屏幕区域之外。比如，靠右边沿隐藏，实际的效果图如下所示：

方案说明如下：

当拖动窗体在屏幕上移动时，检测窗体的位置，是否抵达了屏幕的边界，如果达到了边界，则准备靠边隐藏。
当达到了隐藏条件，并且鼠标的光标已经离开了主窗体，则实现隐藏。
窗体隐藏后，当鼠标的光标移动到窗体与屏幕相交的边界位置时，则正常显示窗体，之后：

a. 当鼠标再度离开窗体区域，则又隐藏窗体。
b.如果鼠标拖动窗体改变了其位置，使其不再满足隐藏的条件，则之后一直正常显示窗体。

二.具体实现过程
1.基本元素定义
　　首先，我们需要定义靠边隐藏的类型：靠左、靠上、靠右。使用DockHideType枚举表示：

[C#] 纯文本查看复制代码

?
/// 
    /// 靠边隐藏的类型。
    /// 
    public enum DockHideType
    {
        /// 
        /// 不隐藏
        /// 
        None = 0,
        /// 
        /// 靠上边沿隐藏
        /// 
        Top,
        /// 
        /// 靠左边沿隐藏
        /// 
        Left,
        /// 
        /// 靠右边沿隐藏
        /// 
        Right
    }

　　其次，根据上面的原理描述，我们知道窗体有三种状态：正常显示、准备隐藏、已经隐藏。这三种状态使用FormDockHideStatus枚举表示：

[C#] 纯文本查看复制代码

?
/// 
    /// 窗体的显示或隐藏状态
    /// 
    public enum FormDockHideStatus
    {
        /// 
        /// 已隐藏
        /// 
        Hide = 0,
 
        /// 
        /// 准备隐藏
        /// 
        ReadyToHide,
         
        /// 
        /// 正常显示
        /// 
        ShowNormally
 
    }

2.判断是否达到隐藏条件
　　很明显，我们应当在每次窗体的位置发生变化时，做出这样的判断，所以，这个判断应该在Form的LocationChanged事件中调用。

[C#] 纯文本查看复制代码

?
private void dockedForm_LocationChanged(object sender, EventArgs e)
        {
            this.ComputeDockHideType();
            if (!this.IsOrg)
            {
                this.lastBoard = this.dockedForm.Bounds;
                this.IsOrg = true;
            }
        }
 
        /// 
        /// 判断是否达到了隐藏的条件？以及是哪种类型的隐藏。
        /// 
        private void ComputeDockHideType()
        {
            if (this.dockedForm.Top <= 0)
            {
                this.dockHideType = DockHideType.Top;
                if (this.dockedForm.Bounds.Contains(Cursor.Position))
                {
                    this.formDockHideStatus = FormDockHideStatus.ReadyToHide;
                    return;
                }
                this.formDockHideStatus = FormDockHideStatus.Hide;
                return;
            }
            else
            {
                if (this.dockedForm.Left <= 0)
                {
                    this.dockHideType = DockHideType.Left;
                    if (this.dockedForm.Bounds.Contains(Cursor.Position))
                    {
                        this.formDockHideStatus = FormDockHideStatus.ReadyToHide;
                        return;
                    }
                    this.formDockHideStatus = FormDockHideStaus.Hide;
                    return;
                }
                else
                {
                    if (this.dockedForm.Left < Screen.PrimaryScreen.Bounds.Width - this.dockedForm.Width)
                    {
                        this.dockHideType = DockHideType.None;
                        this.formDockHideStatus = FormDockHideStatus.ShowNormally;
                        return;
                    }
                    this.dockHideType = DockHideType.Right;
                    if (this.dockedForm.Bounds.Contains(Cursor.Position))
                    {
                        this.formDockHideStatus = FormDockHideStatus.ReadyToHide;
                        return;
                    }
                    this.formDockHideStatus = FormDockHideStatus.Hide;
                    return;
                }
            }
        }

上面的代码主要体现了以下几个要点：

靠边的优先级判断：最先判断靠上边沿隐藏、其次判断靠左边沿隐藏、最后判断靠右边沿隐藏。
只要窗体的某一边超出的屏幕的边界（比边沿对齐更加容易控制），则视为达到隐藏条件。
如果达到了隐藏条件，仍然要判断光标的位置（Cursor.Position）是否在窗体内，如果在其内，则为准备隐藏状态。

详细分析一下上面的过程，就会发现，当处于准备隐藏状态时，如果将鼠标移出到窗体外（这次移动并没有拖动窗体改变其位置），那么，窗体会一直处于“准备隐藏”的状态。所以，此时，必须要有一个机制来触发它，真正进行隐藏动作。我是用一个定时器来循环判断的。

3.定时检测满足/退出隐藏条件
我使用一个定时器，每隔300ms检测一次，用于判断从正常显示到隐藏、以及从隐藏到正常显示的转变。

[C#] 纯文本查看复制代码

?
/// 
        /// 定时器循环判断。        
        ///        
        private void CheckPosTimer_Tick(object sender, EventArgs e)
        {//当鼠标移动到窗体的范围内（此时，窗体的位置位于屏幕之外）
            if (this.dockedForm.Bounds.Contains(Cursor.Position))
            {                             if (this.dockHideType!= DockHideType.Top)
                {
                    if (this.dockHideType!= DockHideType.Left)
                    {
                        if (this.dockHideType!= DockHideType.Right)
                        {
                            return;
                        }
                        if (this.formDockHideStatus == FormDockHideStatus.Hide)
                        {
                            this.dockedForm.Location = new Point(Screen.PrimaryScreen.Bounds.Width - this.dockedForm.Width, this.dockedForm.Location.Y);
                            return;
                        }
                    }
                    else
                    {
                        if (this.formDockHideStatus == FormDockHideStatus.Hide)
                        {
                            this.dockedForm.Location = new Point(0, this.dockedForm.Location.Y);
                            return;
                        }
                    }
                }
                else
                {
                    if (this.formDockHideStatus == FormDockHideStatus.Hide)
                    {
                        this.dockedForm.Location = new Point(this.dockedForm.Location.X, 0);
                        return;
                    }
                }
            }
            else //当鼠标位于窗体范围之外，则根据DockHideType的值，决定窗体的位置。
            {                switch (this.dockHideType)
                {
                    case DockHideType.None:
                        {
                            if (this.IsOrg && this.formDockHideStatus == FormDockHideStatus.ShowNormally && 
                               (this.dockedForm.Bounds.Width != this.lastBoard.Width || this.dockedForm.Bounds.Height != this.lastBoard.Height))
                            {
                                this.dockedForm.Size = new Size(this.lastBoard.Width, this.lastBoard.Height);
                            }
                            break;
                        }
                    case DockHideType.Top:
                        {
                            this.dockedForm.Location = new Point(this.dockedForm.Location.X, (this.dockedForm.Height - 4) * -1);
                            return;
                        }      
                    case DockHideType.Left:
                        {                           
                            this.dockedForm.Location = new Point(-1 * (this.dockedForm.Width - 4), this.dockedForm.Location.Y);
                            return;
                        }
                    default:
                        {
                            if (anchorStyles2 != DockHideType.Right)
                            {
                                return;
                            }                            
                            this.dockedForm.Location = new Point(Screen.PrimaryScreen.Bounds.Width - 4, this.dockedForm.Location.Y);
                            return;
                        }
                }
            }
        }

（1）在窗体隐藏的情况下，准确地说，是窗体在屏幕区域之外时，将鼠标光标移动到窗体上（实际上，是窗体的边界），则修改窗体的Location，让其正常显示。
（2）从（1）描述的窗体隐藏切换到正常显示时，代码对窗体的位置进行了控制，使其的边界恰好与屏幕的边界对齐，这样做的目的是，当鼠标再离开窗体范围时，窗体又可以duang隐藏起来。
（3）定时器的循环检测配合鼠标拖动窗体的事件处理，就完全实现了类似QQ的靠边隐藏的效果，而且，我们比QQ更强，QQ只实现了靠上隐藏。

三.如何使用AutoDocker组件
AutoDocker是以组件（Component）的形式实现的，编译后，会在工具箱中出现一个AutoDocker组件。其使用非常简单：
从工具箱中将AutoDocker拖放到主窗体MainForm上，然后在主窗体的构造函数中添加一行代码：

[C#] 纯文本查看复制代码

?
this.autoDocker1.Initialize(this);

这样，主窗体运行起来后，就拥有了自动靠边隐藏的功能了，是不是很duang~~~
在GG 4.2的源码中，找到客户端项目（GG2014）下的AutoDocker.cs文件，即可详细研究靠边隐藏的实现细节。

该文章在 2017/4/20 16:13:40 编辑过

关键字查询

实现

隐藏

正在查询...

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。