新浪微博桌面应用--仿qq界面的完美实现

界面我觉得可以做到跟QQ一样都没问题，本来不想搞成这样的，不过搞来搞去就变成这样了

背景是可以换的，或自定义背景图，或背景颜色

这个界面是怎么做的呢？很多初学者可能比较头疼，用第三方控件有时是很难做成自已想要的效果的，而且有些控件是通过拦截系统消息更改实现的，这样方法虽然用起来简单，但很耗系统资源，建议不要用。

要做自定义界面重点要是这里：

        void form_Paint(object sender, PaintEventArgs e)
        {
            if (backgroundpic == null)
            {
                bodybrush = new LinearGradientBrush(new Rectangle(0, 0, form.Width, form.Height), backGroundColorA, backGroundColorB, LinearGradientMode.Vertical);
                e.Graphics.FillPath(bodybrush, CreateRoundedRectanglePath(new Rectangle(0, 0, form.Width, form.Height), cornerSiz, CornerPostionType.Body)); //画底色
            }
            else
            {
               // e.Graphics.DrawImage(backgroundpic, new Rectangle(0, 0, form.ClientSize.Width, form.ClientSize.Height), 0, 0, backgroundpic.Width, backgroundpic.Height, GraphicsUnit.Pixel);
                e.Graphics.DrawImage(backgroundpic, new Rectangle(0, 0, form.ClientSize.Width, form.ClientSize.Height), 0, 0, form.ClientSize.Width, form.ClientSize.Height, GraphicsUnit.Pixel, BackGroundImageAttributes);
               // e.Graphics.DrawImage(backgroundpic, new Rectangle(0, 0, form.ClientSize.Width, form.ClientSize.Height), 0, 0, backgroundpic.Width, backgroundpic.Height, GraphicsUnit.Pixel, BackGroundImageAttributes);

            }

            captionBrush = new LinearGradientBrush(new Rectangle(0, 0, e.ClipRectangle.Width, captionTopHeight), Color.FromArgb(captionTopAlpha, Color.White), Color.FromArgb(captionCenterAlpha, Color.White), LinearGradientMode.Vertical);
            e.Graphics.FillPath(captionBrush, CreateRoundedRectanglePath(new Rectangle(0, 0, form.ClientSize.Width, captionTopHeight), cornerSiz, CornerPostionType.Top)); //画标题栏
            captionBrush2 = new LinearGradientBrush(new Rectangle(0, captionTopHeight - 1, e.ClipRectangle.Width, captionBottomHeight+1), Color.FromArgb(captionCenterAlpha, Color.White), Color.FromArgb(captionBottomAlpha, Color.White), LinearGradientMode.Vertical);
            e.Graphics.FillRectangle(captionBrush2, new Rectangle(0, captionTopHeight, form.ClientSize.Width, captionBottomHeight)); //画标题栏

            /////////
            PaintBackgroundStyle(e);

        }

另外自定义后还有一个比较常见的问题，就是没有拖拉窗口大小功能了，这个可以通过程序实现，比较好的方法是拦截窗口消息实现原来的拖拉功能，代码奉上：

        protected override void WndProc(ref Message m)
        {
                switch (m.Msg)
                {
                    case Win32Message.WM_NCPAINT:
                        break;
                    case Win32Message.WM_NCACTIVATE:
                        if (m.WParam == (IntPtr)0)
                        {
                            m.Result = (IntPtr)1;
                        }
                        if (m.WParam == (IntPtr)2097152)
                        {
                            m.Result = (IntPtr)1;
                        }
                        break;
                    case Win32Message.WM_NCCALCSIZE:
                        break;
                    case Win32Message.WM_NCHITTEST:
                        Point vPoint = new Point((int)m.LParam & 0xFFFF, (int)m.LParam >> 16 & 0xFFFF);
                        vPoint = PointToClient(vPoint);
                        if (MaximizeBox)
                        {
                            if (vPoint.X <= 3)
                            {
                                if (vPoint.Y <= 3)
                                    m.Result = (IntPtr)Win32Message.HTTOPLEFT;
                                else if (vPoint.Y >= Height - 3)
                                    m.Result = (IntPtr)Win32Message.HTBOTTOMLEFT;
                                else m.Result = (IntPtr)Win32Message.HTLEFT;
                            }
                            else if (vPoint.X >= Width - 3)
                            {
                                if (vPoint.Y <= 3)
                                    m.Result = (IntPtr)Win32Message.HTTOPRIGHT;
                                else if (vPoint.Y >= Height - 3)
                                    m.Result = (IntPtr)Win32Message.HTBOTTOMRIGHT;
                                else m.Result = (IntPtr)Win32Message.HTRIGHT;
                            }
                            else if (vPoint.Y <= 3)
                            {
                                m.Result = (IntPtr)Win32Message.HTTOP;
                            }
                            else if (vPoint.Y >= Height - 3)
                                m.Result = (IntPtr)Win32Message.HTBOTTOM;
                        }

                        break;
                    default:
                        base.WndProc(ref m);
                        break;
                }
        }

另外附上我的界面实现类，调用很方便简单 ,在窗口构造函数(初始加载的地方就行)处实例化即可 new SkinEngineForm(this);

 http://www.linhang.net/file.axd?file=2012%2f4%2fSkinEngine.rar

整个微博桌面应用:

DesktopIM.rar (1.48 mb)

直接用帐号登录是登录不了的，因为新浪已经不允许直接用帐号登录了，做这软件时是可以的

 

更正一点，圆角的处理在这里：

        void cform_SizeChanged(object sender, EventArgs e)
        {
            if (form.FormBorderStyle == FormBorderStyle.None)
            {
                form.Region = new Region(CreateRoundedRectanglePath(form.ClientRectangle, cornerSiz, cornerPosition));
                outRectangleWidth = form.ClientSize.Width - 1;
                outRectangleHeight = form.ClientSize.Height - 1;
                intRectangleWidth = form.ClientSize.Width - 2;
                intRectangleHeight = form.ClientSize.Height - 2;
                form.Invalidate();
            }
        }

 

        public GraphicsPath CreateRoundedRectanglePath(Rectangle rect, int cornerRadius, CornerPostionType cornerPostion)
        {
            roundedRect = new GraphicsPath();

            if (cornerPostion == CornerPostionType.Top)
            {
                roundedRect.AddBezier(0, 2, 1, 1, 1, 1, 2, 0);
                roundedRect.AddLine(3, 0, rect.Width - 3, 0);
                roundedRect.AddBezier(rect.Width - 2, 0, rect.Width - 1, 1, rect.Width - 1, 1, rect.Width, 2);
                roundedRect.AddLine(rect.Width, 3, rect.Width, rect.Height);
                roundedRect.AddLine(rect.Width, rect.Height, 0, rect.Height);
                roundedRect.AddLine(0, rect.Height, 0, 3);
            }
            else if (cornerPostion == CornerPostionType.Bottom)
            {
                roundedRect.AddLine(0, 0, rect.Width, 0);
                roundedRect.AddLine(rect.Width, 0, rect.Width, rect.Height - 3);
                roundedRect.AddBezier(rect.Width, rect.Height - 2, rect.Width - 1, rect.Height - 1, rect.Width - 1, rect.Height - 1, rect.Width - 2, rect.Height);
                roundedRect.AddLine(rect.Width - 3, rect.Height, 3, rect.Height);
                roundedRect.AddBezier(0, rect.Height - 2, 1, rect.Height - 1, 1, rect.Height - 1, 2, rect.Height - 1);
                roundedRect.AddLine(0, rect.Height - 3, 0, 0);
            }
            else
            {
                roundedRect.AddBezier(0, 2, 1, 1, 1, 1, 2, 0);
                roundedRect.AddLine(3, 0, rect.Width - 3, 0);
                roundedRect.AddBezier(rect.Width - 2, 0, rect.Width - 1, 1, rect.Width - 1, 1, rect.Width, 2);
                roundedRect.AddLine(rect.Width, 3, rect.Width, rect.Height - 3);
                roundedRect.AddBezier(rect.Width, rect.Height - 2, rect.Width - 1, rect.Height - 1, rect.Width - 1, rect.Height - 1, rect.Width - 2, rect.Height);
                roundedRect.AddLine(rect.Width - 3, rect.Height, 3, rect.Height);
                roundedRect.AddBezier(0, rect.Height - 2, 1, rect.Height - 1, 1, rect.Height - 1, 2, rect.Height - 1);
                roundedRect.AddLine(0, rect.Height - 3, 0, 3);
            }
            roundedRect.CloseFigure();
            return roundedRect;
        }
    }

 

完整代码请看我提供下载的类库

补充：

有同学留言说到改变窗口大小时界面闪烁比较严重的问题，因为这功能现在也没时间去修改优化，以后有空闲时间可能会把这个皮肤做成独立完整的类，到时在一起优化程序代码。

因为现在的代码是窗口大小变化时是全刷新了，这方面是可以优化的，是先确定需要刷新的区块，只刷新需要更新的区块，这样闪烁就能去掉或减至最低，可以在绘图事件中先定义区块e.Graphics.SetClip(freshClipRectangle);这个freshClipRectangle是需要更新的区域，想研究的同学可以去找找SetClip相关的用法。