前言： 

最近飛機失聯的太多，明天要飛北京處理伺服器雙機熱備的問題，航空保險已買，單號是：TF10122913。 

至於我的銀行卡密碼，在我枕頭下面的字條裡，要是我之後沒再更新文章，請通知我家人，哈哈哈哈。

好了，Joke 被 Play 後，下面 Enter 正文。 

背景：

話說：使用CYQ.Data時，會經常斷點MDataTable的物件，為了檢視錶格的資料內容，在監視裡會常ToDataTable()，然後借可DataTable的視覺化方式檢視錶格。

近日：心中莫名就來了一句話，不轉行不行？狠想直接看MDataTable的物件，Like This：

 

於是經過一翻小研究，就有了下面的內容。

 

1：什麼是：視覺化除錯工具（Microsoft.VisualStudio.DebuggerVisualizers）

用文字描述顯的太無力，我直接上圖，很直觀：

A：對字串的視覺化除錯展示： 

 

B：對DataSet、DataTable系列的視覺化展示：

 

如上圖，簡單一句話總結一下就是：對指定某種型別的視覺化外掛展示。 

 

2：怎麼實現：視覺化除錯工具（Microsoft.VisualStudio.DebuggerVisualizers） 

不說你以為很複雜，一說其實簡單的要命，這裡對圖片System.Draw.Image進行示例，最終效果如下圖：

 

下面跟著我一起來：

步驟一：新建個專案=》類庫=》新增一個類。
步驟二：引用：Microsoft.VisualStudio.DebuggerVisualizers 
步驟三：輸入以下程式碼：

using Microsoft.VisualStudio.DebuggerVisualizers;
using System;
using System.Drawing;
using System.Windows.Forms;

[assembly: System.Diagnostics.DebuggerVisualizer(
typeof(CYQ.Visualizer.ImageVisualizer),
typeof(VisualizerObjectSource),
Target = typeof(System.Drawing.Image),
Description = "Image Visualizer")]
namespace CYQ.Visualizer
{
    public class ImageVisualizer : DialogDebuggerVisualizer
    {
        override protected void Show(IDialogVisualizerService windowService, IVisualizerObjectProvider objectProvider)
        {
            Image image = (Image)objectProvider.GetObject();

            Form form = new Form();
            form.Text = string.Format("Width: {0}, Height: {1}", image.Width, image.Height);
            form.ClientSize = new Size(image.Width, image.Height);
            form.FormBorderStyle = FormBorderStyle.FixedToolWindow;

            PictureBox pictureBox = new PictureBox();
            pictureBox.Image = image;
            pictureBox.Parent = form;
            pictureBox.Dock = DockStyle.Fill;

            windowService.ShowDialog(form);
        }
     }
  }

然後編繹成功後變成一個Xxx.dll,就OK了。

 

簡單的說明一下程式碼流程：

1：新建一個類，叫XXXX，需要繼承自：DialogDebuggerVisualizer
2：重寫方法Show（有兩個引數）
3：程式碼裡，第一行：objectProvider.GetObject() 返回你要處理的類的實體的複製，你進行一下型別轉換就可以了。
這裡說明一下，要處理的必須是序列化的。
4：最後一行： windowService.ShowDialog(控制元件);就是展示呈現一個控制元件了，通常我們用Form來顯示。
5：中間那一塊，就是我們自定要的呈現了，自己要寫的東西也就是這些了，學點Winform知識你就會了。
6：最後一步，指定要被外掛反射用的程式集資訊： 上面有三個typeof
第一個typeof（就是那個XXXX類） 第二個typeof（按示例不用管，除非你需要自定義自己的序列化） 第三個typeof（你要視覺化呈現的類） 

3：如何部署：視覺化除錯工具（Microsoft.VisualStudio.DebuggerVisualizers）

 一句話，把那個Xxx.dll放到以下目錄：VS安裝目錄Microsoft Visual Studio XXXCommon7PackagesDebuggerVisualizers

 然後就自動生效了，當你除錯時，會被載入，進而呈現你的那個效果。

4：原始碼下載及說明

 對於不同的VS（2005、2008、2012、2015），你需要編繹不同的版本，主要是引用的：Microsoft.VisualStudio.DebuggerVisualizers 這個版本不一樣。

 下載地址：CYQ.Visualizer.rar 下載