C#无边框异型窗体制作

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› Node.js›Node.js教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

我是一个C#的初学者只要涉及到windows窗体编程都希望窗体的外观比较好看不是系统默认的那样

对于C# 更改窗体外观感觉并不那么轻松更改窗体外观涉及到使用GDI+ 我所知道的有两种方法：

有系统边框的窗体处理窗体的Paint方法，在paint方法中参数e.Graphics属性将返回一个对象用来作画但是这个画布的区域是窗体的客户区所以无法修改到窗体的标题栏边框等位置的。要更改标题栏只有获取整个窗口的句柄这样创建的画布是整个窗体区域但是对于我这样的初学者来说对于句柄 windowsAPI还很不熟悉我相信大多数的初学者或者学生都和我有相同的困惑所以我使用了第二种办法无边框窗体
无边框的窗体把FormBorderStyle的属性设置为none 就去掉了边框剩下的窗体客户区和和整个窗体大小是相同的再使用e.Graphics作画就是在整个窗体上作画我主要也是描述这样的一种方法相信对很多和我一样的人有很多帮助

对于一个窗体它除了外观以外还有2个主要特征：1.可以拖动可以拖拽大小 2.具有控制按钮关闭最大化最小化。我主要描述第二种方法

题外话：在网上随便一搜C#自定义窗体之类的总是出现一大片的文章以无边框的为例什么都说得很详细了但是关键的拖动拖拽大小确没有总是少掉了关键部分。不止是窗体的代码是这样其它各类源代码也是如此很难在网上下载到关键的代码和高质量的代码个人觉得好多人喜欢学习别人的东西确不愿意把自己会的关键的东西拿出来和别人分享。导致现在网上的充斥着大量重复的无用的代码

回到主题介绍处理无边框窗体的经验，下面是最终效果：

这就是一个无边框窗体可以注意到它的外观四个角是圆的有控制按钮并且还可以拖拽，当鼠标移动到窗体的四个角和边缘的时候可以拖拽大小

这个窗体没有标题栏和边框的限制控件可以放在窗体上任何地方

下面就是直奔主题了：

先说一说制作这个窗体的思路(窗体集成自System.Windows.Forms.Form)：

1.设置FormBorderStyle属性为none 让它成为一个无边框窗体

2.设置窗体的Region属性该属性设置窗体的有效区域而我们把窗体的有效区域设置为圆角矩形窗体就变成圆角的了

3.自定义控件 3个按钮控制窗体的最大化最小化还原关闭

4.使窗体可以拖动在边缘按下鼠标可以拖拽大小

主要涉及GDI+中两个重要的类 Graphics和GraphicsPath类分别位于System.Drawing和System.Drawing.Drawing2D

首先我们创建一个C# windows窗体应用程序项目将默认的Form1改名成MainForm 设置FormBorderStyle属性为none 让它成为一个无边框窗体

接着我们需要这样一个函数 private void SetWindowRegion() 此函数设置窗体有效区域为圆角矩形,以及一个辅助函数 private GraphicsPath GetRoundedRectPath(Rectangle rect, int radius)此函数用来创建圆角矩形路径，将在SetWindowRegion()中调用它

代码

public void SetWindowRegion()
{
    System.Drawing.Drawing2D.GraphicsPath FormPath;
    FormPath = new System.Drawing.Drawing2D.GraphicsPath();
    Rectangle rect = new Rectangle(0, 0, this.Width, this.Height);
    FormPath = GetRoundedRectPath(rect, 10);
    this.Region = new Region(FormPath);

}
private GraphicsPath GetRoundedRectPath(Rectangle rect, int radius)
{
    int diameter = radius;
    Rectangle arcRect = new Rectangle(rect.Location, new Size(diameter, diameter));
    GraphicsPath path = new GraphicsPath();

    // 左上角
    path.AddArc(arcRect, 180, 90);

    // 右上角
    arcRect.X = rect.Right - diameter;
    path.AddArc(arcRect, 270, 90);

    // 右下角
    arcRect.Y = rect.Bottom - diameter;
    path.AddArc(arcRect, 0, 90);

    // 左下角
    arcRect.X = rect.Left;
    path.AddArc(arcRect, 90, 90);
    path.CloseFigure();//闭合曲线
    return path;
}

在窗体尺寸改变的时候我们需要调用SetWindowRegion()将窗体变成圆角的

private void MainForm_Resize(object sender, EventArgs e)
{
SetWindowRegion();
}

到此窗体的形状部分就完成了通过创建不同的GraphicsPath对象可以将窗体设置为任意形状三角形六边形椭圆以及任何不规则图形来制作不规则窗体

然后可以通过给窗体设置背景图片或者在窗体上作画来更改外观无论图片是什么形状只要超过了窗体有效区域的部分都会被裁掉这样给换皮肤带来了极大的方便只需要换一张背景图而已不需要去做圆角图片就像迅雷7那样换皮肤就换一张背景图片

然后是自定义控件 3个按钮通过GDI+可以绘制比较漂亮的按钮这部分相对简单很多就不叙述了，这方面的资料也很好找

将这3个按钮控件拖到窗体右上角设置它们的Anchor属性为top right 让它们的位置始终相对于窗体右上角改变并编写它们的单击事件处理代码模拟窗体的最大化最小化和关闭

这里需要注意一点的就是最大化的时候直接使用this.WindowState = FormWindowState.Maximized会遮盖任务栏在执行这行代码前先限制窗体的最大尺寸为屏幕的工作区

this.MaximumSize = new Size(Screen.PrimaryScreen.WorkingArea.Width, Screen.PrimaryScreen.WorkingArea.Height);
this.WindowState = FormWindowState.Maximized;

接下再运行的时候窗体就是圆角并且具有控制按钮了只差拖动和拖拽大小了下面完成最后一部分

实现这部分只能通过处理windows消息来完成使用windows系统的功能来完成窗体的拖拽大小和移动我们只需要处理WM_NCHITTEST消息就可以完成这部分功能 WM_NCHITTEST是告知鼠标事件位置的消息是很常用的一个消息。查询MSDN API可以找到这些常量 WM_NCHITTEST常量地址http://msdn.microsoft.com/zh-cn/library/ms645618(en-us,VS.85).aspx

这里我们需要使用10个常量 1个WM_NCHITTEST 9个WM_NCHITTEST消息结果

代码

1 const int WM_NCHITTEST = 0x0084;
2 const int HT_LEFT = 10;
3 const int HT_RIGHT = 11;
4 const int HT_TOP = 12;
5 const int HT_TOPLEFT = 13;
6 const int HT_TOPRIGHT = 14;
7 const int HT_BOTTOM = 15;
8 const int HT_BOTTOMLEFT = 16;
9 const int HT_BOTTOMRIGHT = 17;
10 const int HT_CAPTION = 2;

定义好这些常量之后就需要处理windows消息了 C#处理 windows消息就重写WndProc(ref Message Msg)函数

代码

protected override void WndProc(ref Message Msg)
{
    if (Msg.Msg == WM_NCHITTEST)
    {
        //获取鼠标位置
        int nPosX = (Msg.LParam.ToInt32() & 65535);
        int nPosY = (Msg.LParam.ToInt32() >> 16);
        //右下角
        if (nPosX >= this.Right - 6 && nPosY >= this.Bottom - 6)
        {
            Msg.Result = new IntPtr(HT_BOTTOMRIGHT);
            return;
        }
        //左上角
        else if (nPosX <= this.Left + 6 && nPosY <= this.Top + 6)
        {
            Msg.Result = new IntPtr(HT_TOPLEFT);
            return;
        }
        //左下角
        else if (nPosX <= this.Left + 6 && nPosY >= this.Bottom - 6)
        {
            Msg.Result = new IntPtr(HT_BOTTOMLEFT);
            return;
        }
        //右上角
        else if (nPosX >= this.Right - 6 && nPosY <= this.Top + 6)
        {
            Msg.Result = new IntPtr(HT_TOPRIGHT);
            return;
        }
        else if (nPosX >= this.Right - 2)
        {
            Msg.Result = new IntPtr(HT_RIGHT);
            return;
        }
        else if (nPosY >= this.Bottom - 2)
        {
            Msg.Result = new IntPtr(HT_BOTTOM);
            return;
        }
        else if (nPosX <= this.Left + 2)
        {
            Msg.Result = new IntPtr(HT_LEFT);
            return;
        }
        else if (nPosY <= this.Top + 2)
        {
            Msg.Result = new IntPtr(HT_TOP);
            return;
        }
        else
        {
            Msg.Result = new IntPtr(HT_CAPTION);
            return;
        }
    }
    base.WndProc(ref Msg);
}

最后为了使窗体不会出现闪烁可以使用双缓存在重绘的时候进行双缓存在窗体的Resize事件中重绘并使用双缓存

代码

private void MainForm_Resize(object sender, EventArgs e)
{
    SetStyle(ControlStyles.SupportsTransparentBackColor, true);
    SetStyle(ControlStyles.AllPaintingInWmPaint, true);
    SetStyle(ControlStyles.UserPaint, true);
    SetStyle(ControlStyles.DoubleBuffer, true);
    this.Refresh();
    SetWindowRegion();
}

这可以有效消除窗体控制按钮的闪烁情况