本文轉(zhuǎn)載自：http://www.cnblogs.com/encoding/p/5603080.html

按照慣例，先來幾張樣例圖（注：為了展示窗口陰影效果，截圖范圍向外擴展了些，各位憑想象吧）。

還要來個序

?? 其實，很多年沒寫過Winform了，前端時間在重構(gòu)我們公司自己的呼叫中心系統(tǒng)，突然就覺得客戶端好丑好丑，對于我這種強迫癥晚期患者來說，界面不好看都不知道怎么寫代碼的，簡直就是種折磨，還是滿清十大酷刑級別那種。

?? 很多人推薦WPF，不過個人對WPF沒啥感覺，而且據(jù)說也無法支持2.0，還是采用Winform技術(shù)來搞吧。

終于第一節(jié)

?? 做Winform皮膚，我了解的無非有2種方式。

?? 1.采用純圖片模式：由專業(yè)美工設(shè)計各種樣式的圖片，進行窗口背景圖片設(shè)置

?? 2.采用GDI+純代碼繪制：參照美工設(shè)計的各種樣式的圖片，使用C#代碼繪制出來

?? 第一種方式很簡單，但是可復(fù)用性不高，性能上面應(yīng)該也會有一些影響，如果圖片太大，窗口拖動等引起的重繪時，會明顯有閃爍等情況。

?? 第二種方式很復(fù)雜，但是效率和復(fù)用性高，開放各種擴張屬性之后，可以適用于大部分場景。

?? 以前用了很多次第一種方案，每次新做APP，都得重新設(shè)計界面，很不便利。這次，我準備采用第二種方案來做一個公用的皮膚。

?

?? 關(guān)于GDI+，我只能算一個新人，不做具體的介紹，這里只講我的一些實現(xiàn)方式，計劃項目完成后，開源到github。

繪制標題欄

?? 做自定義界面，繞不開一個問題就是繪制標題欄。

?? 每個Winform窗體，可以分為兩個部分：非客戶區(qū)域和客戶區(qū)域。

?? 非客戶區(qū)域：表示無法由我們程序猿繪制的部分，具體包括：窗口標題欄，邊框

?? 客戶區(qū)域：表示由我們程序猿繪制的部分，也就是窗體內(nèi)容，平時我們拖控件都是拖到客戶區(qū)域

?? 一般自定義窗口的實現(xiàn)方式無非以下種

?? 1.設(shè)置窗口為無邊框窗口，頂部放一個Panel，設(shè)置Panel.Dock=Top，然后在Panel里面繪制logo、標題、按鈕等元素。

?? 2.攔截窗口消息，重寫WndProc方法，攔截窗口標題繪制消息，由自己手工繪制

? 很多人會為了簡便，采用第一種方式，不過缺點比較明顯，對于我來說，最主要的一點就是真正的實現(xiàn)界面，里面的控件元素Dock會受到影響，不利于客戶區(qū)域布局。

? 高手牛人會采用第二種方式，不是我這種Winform小白的菜，所以，我采用第三種方式，也是本篇文章的核心思想。

??? 采用無邊框窗口，設(shè)置窗口Padding.Top為標題欄高度，采用GDI+繪制標題欄元素。

?? 這種方式的好處顯而易見

????? 具體實現(xiàn)窗體子控件Dock不受影響

????? 無邊框之后，重寫窗體拖動事件不需要對標題欄每一個元素進行事件處理

????? 標題欄高度可隨時自定義

?? 本文開頭的幾個截圖，標題欄繪制代碼如下

?繪制標題文字、Logo圖片

private void DrawTitle(Graphics g) {var x = 6 + this.GetBorderWidth();if (this.ShowLogo){g.SmoothingMode = SmoothingMode.AntiAlias;ImageAttributes imgAtt = new ImageAttributes();imgAtt.SetWrapMode(System.Drawing.Drawing2D.WrapMode.TileFlipXY);using (var image = this.Icon.ToBitmap()){var rec = new Rectangle(x, (this.captionHeight - 24) / 2, 24, 24);g.DrawImage(image, rec, 0, 0, image.Width, image.Height, GraphicsUnit.Pixel, imgAtt);}}if (this.ShowTitle){var font = this.titleFont == null ? this.Font : this.titleFont;var fontSize = Size.Ceiling(g.MeasureString(this.Text, font));if (this.CenterTitle){x = (this.Width - fontSize.Width) / 2;}else if (this.ShowLogo){x += 30;}using (var brush = new SolidBrush(this.CaptionForeColor)){g.DrawString(this.Text, font, brush, x, (this.CaptionHeight - fontSize.Height) / 2 + this.GetBorderWidth());}} }

繪制最小化、最大化、關(guān)閉、幫助按鈕

private void DrawControlBox(Graphics g) {if (this.ControlBox){ImageAttributes ImgAtt = new ImageAttributes();ImgAtt.SetWrapMode(System.Drawing.Drawing2D.WrapMode.TileFlipXY);var x = this.Width - 32;//var rec = new Rectangle(this.Width - 32, (this.CaptionHeight - 32) / 2 + this.BorderWidth, 32, 32);//var rec = new Rectangle(x, this.BorderWidth, 32, 32);if (this.CloseButtonImage != null){closeRect = new Rectangle(x, 0, 32, 32);using (var brush = new SolidBrush(closeHover ? this.ControlActivedColor : this.ControlBackColor)){g.FillRectangle(brush, closeRect);}g.DrawImage(this.CloseButtonImage, closeRect, 0, 0, this.CloseButtonImage.Width, this.CloseButtonImage.Height, GraphicsUnit.Pixel, ImgAtt);x -= 32;}if (this.MaximizeBox && this.WindowState == FormWindowState.Maximized && this.MaximumNormalButtonImage != null){maxRect = new Rectangle(x, 0, 32, 32);using (var brush = new SolidBrush(maxHover ? this.ControlActivedColor : this.ControlBackColor)){g.FillRectangle(brush, maxRect);}g.DrawImage(this.MaximumNormalButtonImage, maxRect, 0, 0, this.MaximumNormalButtonImage.Width, this.MaximumNormalButtonImage.Height, GraphicsUnit.Pixel, ImgAtt);x -= 32;}else if (this.MaximizeBox && this.WindowState != FormWindowState.Maximized && this.MaximumButtonImage != null){maxRect = new Rectangle(x, 0, 32, 32);using (var brush = new SolidBrush(maxHover ? this.ControlActivedColor : this.ControlBackColor)){g.FillRectangle(brush, maxRect);}g.DrawImage(this.MaximumButtonImage, maxRect, 0, 0, this.MaximumButtonImage.Width, this.MaximumButtonImage.Height, GraphicsUnit.Pixel, ImgAtt);x -= 32;}if (this.MinimizeBox && this.MinimumButtonImage != null){minRect = new Rectangle(x, 0, 32, 32);using (var brush = new SolidBrush(minHover ? this.ControlActivedColor : this.ControlBackColor)){g.FillRectangle(brush, minRect);}g.DrawImage(this.MinimumButtonImage, minRect, 0, 0, this.MinimumButtonImage.Width, this.MinimumButtonImage.Height, GraphicsUnit.Pixel, ImgAtt);x -= 32;}if (base.HelpButton && this.HelpButtonImage != null){helpRect = new Rectangle(x, 0, 32, 32);using (var brush = new SolidBrush(helpHover ? this.ControlActivedColor : this.ControlBackColor)){g.FillRectangle(brush, helpRect);}g.DrawImage(this.HelpButtonImage, helpRect, 0, 0, this.HelpButtonImage.Width, this.HelpButtonImage.Height, GraphicsUnit.Pixel, ImgAtt);x -= 32;}} }

窗體OnPaint事件，自繪標題欄

protected override void OnPaint(PaintEventArgs e){base.OnPaint(e);#region draw captionusing (var brush = new SolidBrush(this.CaptionBackgroundColor)){e.Graphics.FillRectangle(brush, captionRect);}this.DrawTitle(e.Graphics);this.DrawControlBox(e.Graphics);#endregion#region draw borderControlPaint.DrawBorder(e.Graphics, this.ClientRectangle, borderColor, ButtonBorderStyle.Solid);#endregion}

采用Padding來約束子實現(xiàn)界面的元素布局位置

? ?當我采用了無邊框窗體來做自定義皮膚之后，由于去除了非客戶區(qū)域（標題欄、邊框），子實現(xiàn)窗體的坐標位置(0,0)實際上應(yīng)該會覆蓋我的標題欄，不過，反編譯.NET源碼之后，我發(fā)現(xiàn)Form類有一個Padding屬性，這個屬性繼承自Control類，它的作用與CSS中的padding相同。所以，我決定使用這個技術(shù)來約束子實現(xiàn)界面的元素布局位置。

? ?每次修改標題欄高度時，需要重新生成窗體的Padding屬性

private int captionHeight; [Category("標題欄"), Description("標題欄高度"), DefaultValue(typeof(int), "40")] public int CaptionHeight { get { return this.captionHeight; } set { this.captionHeight = value; this.SetPadding(); } }

每次修改邊框?qū)挾葧r，需要重新生成窗體的Padding屬性

private int borderWidth; [Category("邊框"), Description("邊框?qū)挾?/span>"), DefaultValue(typeof(int), "1")] public int BorderWidth { get { return this.borderWidth; } set { this.borderWidth = value; this.SetPadding(); } }

最后，隱藏掉Padding屬性，外部修改無效

public new Padding Padding { get; set; }

附加1：標題欄自繪按鈕懸浮背景色修改和單擊事件處理

protected override void OnMouseMove(MouseEventArgs e) {Point p = new Point(e.X, e.Y);captionHover = captionRect.Contains(p);if (captionHover){closeHover = closeRect != Rectangle.Empty && closeRect.Contains(p);minHover = minRect != Rectangle.Empty && minRect.Contains(p);maxHover = maxRect != Rectangle.Empty && maxRect.Contains(p);helpHover = helpRect != Rectangle.Empty && helpRect.Contains(p);this.Invalidate(captionRect);this.Cursor = (closeHover || minHover || maxHover || helpHover) ? Cursors.Hand : Cursors.Default;}else{if (closeHover || minHover || maxHover || helpHover){this.Invalidate(captionRect);closeHover = minHover = maxHover = helpHover = false;}this.Cursor = Cursors.Default;}base.OnMouseMove(e); } protected override void OnMouseClick(MouseEventArgs e) { var point = new Point(e.X, e.Y); if (this.closeRect != Rectangle.Empty && this.closeRect.Contains(point)) { this.Close(); return; }if (!this.maxRect.IsEmpty && this.maxRect.Contains(point)) { if (this.WindowState == FormWindowState.Maximized) { this.WindowState = FormWindowState.Normal; } else { this.WindowState = FormWindowState.Maximized; }this.maxHover = false; return; }if (!this.minRect.IsEmpty && this.minRect.Contains(point)) { this.WindowState = FormWindowState.Minimized; this.minHover = false; return; }if (!this.helpRect.IsEmpty && this.helpRect.Contains(point)) { this.helpHover = false; this.Invalidate(this.captionRect); CancelEventArgs ce = new CancelEventArgs(); base.OnHelpButtonClicked(ce); return; }base.OnMouseClick(e); }

附加2：處理無邊框窗體用戶調(diào)整大小

#region 調(diào)整窗口大小const int Guying_HTLEFT = 10;const int Guying_HTRIGHT = 11;const int Guying_HTTOP = 12;const int Guying_HTTOPLEFT = 13;const int Guying_HTTOPRIGHT = 14;const int Guying_HTBOTTOM = 15;const int Guying_HTBOTTOMLEFT = 0x10;const int Guying_HTBOTTOMRIGHT = 17;protected override void WndProc(ref Message m){if (this.closeHover || this.minHover || this.maxHover || this.helpHover){base.WndProc(ref m);return;}if (!this.CustomResizeable){base.WndProc(ref m);return;}switch (m.Msg){case 0x0084:base.WndProc(ref m);Point vPoint = new Point((int)m.LParam & 0xFFFF,(int)m.LParam >> 16 & 0xFFFF);vPoint = PointToClient(vPoint);if (vPoint.X <= 5)if (vPoint.Y <= 5)m.Result = (IntPtr)Guying_HTTOPLEFT;else if (vPoint.Y >= ClientSize.Height - 5)m.Result = (IntPtr)Guying_HTBOTTOMLEFT;else m.Result = (IntPtr)Guying_HTLEFT;else if (vPoint.X >= ClientSize.Width - 5)if (vPoint.Y <= 5)m.Result = (IntPtr)Guying_HTTOPRIGHT;else if (vPoint.Y >= ClientSize.Height - 5)m.Result = (IntPtr)Guying_HTBOTTOMRIGHT;else m.Result = (IntPtr)Guying_HTRIGHT;else if (vPoint.Y <= 5)m.Result = (IntPtr)Guying_HTTOP;else if (vPoint.Y >= ClientSize.Height - 5)m.Result = (IntPtr)Guying_HTBOTTOM;break;case 0x0201: //鼠標左鍵按下的消息 m.Msg = 0x00A1; //更改消息為非客戶區(qū)按下鼠標 m.LParam = IntPtr.Zero; //默認值 m.WParam = new IntPtr(2);//鼠標放在標題欄內(nèi) base.WndProc(ref m);break;default:base.WndProc(ref m);break;}}#endregion

全類文件，不曉得咋上傳附件，所以沒傳，要的可以找我QQ。

?

?

2016年6月22日編輯添加：

　　由于本人在北京出差，昨晚上飛機航班延誤，根本沒想到突然這么多人要源碼，無法做到一一回應(yīng)，請大家諒解，我已經(jīng)將DForm類上傳，感謝“大蘿卜控”給我提示。

　　請大家點擊??? 這里????下載。

　　里面有幾張圖片，大家可以隨便弄下，我出差比較忙，回去之后，再放github，到時再開個單章通知大家。

　　關(guān)于陰影的部分，大家可以先注釋掉代碼，完整源碼放出之后，就可以了。

　　還有喲，我QQ在文章某個地方有顯示，沒加碼。

懶惰，是一個通病。 努力，必會成為一種習(xí)慣。

轉(zhuǎn)載于:https://www.cnblogs.com/wpcnblog/p/5773384.html

總結(jié)

以上是生活随笔為你收集整理的重绘Winform窗体的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。