前些日子心血來潮去Visual Studio擴(kuò)展庫上淘了一圈，發(fā)現(xiàn)了這樣一個(gè)擴(kuò)展：http://visualstudiogallery.msdn.microsoft.com/zh-cn/0e6f9037-b753-469e-86d4-bfba78c74cf6

但是這個(gè)擴(kuò)展用起來還有一些不方便的地方，例如會鎖定背景圖片文件、縮放編輯器的時(shí)候背景圖片會因?yàn)闈L動(dòng)條的定位而飄到上方、透明度和背景圖像的位置不能改變等等。

而這個(gè)擴(kuò)展***一次更新是5月5日，到現(xiàn)在已經(jīng)過了五個(gè)月了。所以我決定仿照它的原理自己寫一個(gè)。

使用起來效果大概是這樣：

其實(shí)這個(gè)東西也是比較容易做的，只要安裝了Visual Studio 2010 SDK就可以創(chuàng)建Editor Viewport Adornment項(xiàng)目，在新建的項(xiàng)目的基礎(chǔ)上很容易搭建出像這樣的擴(kuò)展。

這個(gè)擴(kuò)展要通過一個(gè)XML文件來進(jìn)行設(shè)置，這個(gè)XML文件會在安裝擴(kuò)展以后***次啟動(dòng)Visual Studio 2010的時(shí)候自動(dòng)建立在“我的文檔”中，文件名為“ItaBackgroundKyuu.config”。

其中使用的參數(shù)都是WPF和BCL中的常見數(shù)據(jù)類型：

public AlignmentX AlignXpublic AlignmentY AlignYpublic Stretch StretchModepublic TileMode TileMode  
public StretchDirection ScaleDir;public Stretch ScaleMode;public HorizontalAlignment HAlign;public VerticalAlignment VAlign; 

在我的機(jī)器上（也就是上面的效果圖的來源）是這樣設(shè)置的：

<?xml version="1.0" encoding="utf-8"?>   
<ItaBackgroundConfig2 LayerOpacity="0.5">   
  <BackgroundBrush Opacity="0.5">   
     <Uri>D:\Files\Yuki\Pictures\haoren65.png</Uri>   
     <AlignX>Center</AlignX>   
     <AlignY>Center</AlignY>   
     <StretchMode>Fill</StretchMode>   
     <TileMode>Tile</TileMode>   
   </BackgroundBrush>   
   <BackgroundImage Opacity="1">   
     <Uri>D:\Files\Yuki\Documents\aizawa-hikaru.png</Uri>   
     <ScaleDir>Both</ScaleDir>   
     <ScaleMode>Uniform</ScaleMode>   
     <HAlign>Right</HAlign>   
     <VAlign>Bottom</VAlign>   
   </BackgroundImage>   
   <OverrideSettings>   
     <EditorBackgroundBrush>       
</EditorBackgroundBrush>   
   </OverrideSettings>   
 </ItaBackgroundConfig2>  

在我的實(shí)現(xiàn)中使用了兩種方式來繪制背景：一種為了兼容之前日本人寫的ItaBackgroundImage而使用Image控件；另一種則使用了ImageBrush，可以選擇使用圖素（Tile）與否。

這里需要說明一下，由于我對圖片的單位換算還不熟，所以如果在啟用了圖素模式的條件下選用了和屏幕的DPI不同的圖片（例如我用的haoren65.png——這是我?guī)啄昵盀槟硞€(gè)娛樂用途制作的背景圖像），就有可能會出現(xiàn)圖像被縮小或拉伸之類的現(xiàn)象。

由于我也是剛開始接觸Visual Studio 2010擴(kuò)展開發(fā)，所以對于對話框之類的東西暫時(shí)也是沒辦法。配置文件也是使用的XML序列化而非正統(tǒng)的ConfigurationSection+ConfigurationManager模式（在下一個(gè)版本中我會把它改好的——如果還有下一個(gè)版本的話）。

這里提一下：

var xs = new XmlSerializer(typeof(ItaConfig2), new XmlRootAttribute("ItaBackgroundConfig2"));
 // 這里使用XmlRootAttribute可以改變序列化時(shí)根節(jié)點(diǎn)的名稱
var voidNamespaceMapping = new XmlSerializerNamespaces();
voidNamespaceMapping.Add("", "");xs.Serialize(sw, config, voidNamespaceMapping); 
//在這里使用一個(gè)“幾乎”為空的XmlSerializerNamespaces可以清除掉序列化時(shí)產(chǎn)生的不必要的namespace。 

好了，說了這么多，想下載這個(gè)擴(kuò)展玩一玩的話可以點(diǎn)擊這個(gè)鏈接。

特別強(qiáng)調(diào)一下：這不是一個(gè)完全的、穩(wěn)定的產(chǎn)物，可能存在這樣那樣的缺陷。

原文標(biāo)題：【玩具】給Visual Studio 2010增加背景圖片的擴(kuò)展

鏈接：http://www.cnblogs.com/NanaLich/archive/2010/10/12/an-ita-background-extension-for-visual-studio-2010-code-editor.html