1. 程式人生 > >Visual Studio 2013全屏背景圖主題小外掛的製作

Visual Studio 2013全屏背景圖主題小外掛的製作

不說別的,先上圖
這裡寫圖片描述

一、前話

       Visual Studio的Extensions and Updates裡邊有一個外掛叫做Kynnyun Background的,可以支援向VS的Editor中新增背景圖片,但是並不能做出這種全屏的效果。
      其實去年就在百度貼吧上看到一個帖子,就是給VS做出這種全屏的背景效果。但是去年按帖子上的做完之後,VS直接就給跪了=_=||我也是醉了T.T然後就再也沒敢動過給VS改全屏背景的念頭了。但是前幾天又突然想起這事兒,於是扒拉了一下之前的那個帖子重新摸索,承蒙上帝眷顧——這回終於成功了。
        既然已經有人做好了,還發了帖子,那我寫這篇部落格的意義何在?我自己動手的過程中,還是遇到了不少的問題的。而這些問題網上都沒有找到解決方案,都是自己慢慢摸索出來的。於是乎,我站在前人的肩膀上總結了一下自己的經驗,儘可能地覆蓋所有的puzzle。

二、正題

1.預備工作(必備工作)

        (1)開啟VS,轉到Extensions and Updates(中文版的VS是擴充套件與更新),具體做法:選單欄TOOLS->Extensions and Updates…(工具->擴充套件與更新);
        (2)安裝Visual Studio 2013 SDK。在新彈出的對話方塊的左邊選擇Online,然後在右上角的搜尋框中輸入Visual Studio 2013 SDK。找到之後直接安裝;
        (3)安裝Visual Studio 2013 Color Theme Editor,方法同(2)。

2.程式碼準備

        專案檔案已經上傳至我的Github上了(點此folk程式碼)。clone專案檔案至本地後在VS2013中開啟專案,此時只有一個地方是需要注意並修改的。在解決方案中找到VSThemePackage.cs並開啟,找到如下程式碼段:這裡寫圖片描述
只需要將程式碼var rImageSource=BitmapFrame.Create(new Uri("..."),...);中的圖片路徑改為你希望作為VS全屏背景圖片的絕對路徑+圖片的檔名。之後按Ctrl+F5(或者F5)編譯專案,如果出問題那應該是你的圖片路徑沒寫對。編譯成功之後會執行一個VS的實驗例項(Experimental Initializer),效果圖我就不貼上了。

三、收尾

        按照以上步驟編譯成功之後直接停止debug,在專案的bin目錄下的debug目錄下找到VSTheme(字尾為.vsix),雙擊直接安裝,成功之後重啟VS。這個時候我們會發現VS的四周一些小小的區域會出現對應的圖片內容(和之前執行的實驗例項一樣的外觀),但是整個VS IDE並沒有全部出現圖片內容。這時我們進行最後一步,過程略微繁瑣(以英文版VS為例):
        選擇選單欄TOOLS->Customize Colors(這個選項要安裝完VS Theme Editor之後才會有),之後出現下圖內容:這裡寫圖片描述
隨便選擇一個主題,在主題的右上角點選Create Copy Of Theme,在下邊的Custom Theme中會產生一個主題副本,自己給這個副本命名。之後在副本同樣是右上角的位置點選Edit Theme,然後出現下圖視窗:這裡寫圖片描述
在編輯器右上角的搜尋框中(不是VS最頂端的搜尋框)依次輸入EnvironmentBackgroundGradient、MainWindowActiveCaption、MainWindowInactiveCaption、CommandShelfBackgroundGradient、CommandShelfHighlightGradient、CommandBarGradient、CommandBarToolBarBorder,找到匹配項之後編輯右邊的顏色值。這裡我們只需要將前兩位十六進位制值FF全部改為00即可。之後再找到“Environment →EnvironmentBackground”,同上設為透明。再找到“Environment → Window”設為透明,”TreeView → Background”,透明度設為0。最後在編輯區的左上角找到Save and Apply Theme,點選之後就會出現想要的效果啦。

四、最後

        選擇要編輯的主題和圖片作為背景時一定要小心,因為選擇不好的話會影響程式碼的顯示效果。如果自己不喜歡原來安裝好的背景怎麼辦?只要在TOOLS->Update and Extensions中的搜尋框裡搜尋VSTheme,直接解除安裝就好。然後再按以上步驟重新構造你喜歡的VS主題外掛就好了。
   怕有些地方我沒講清楚,最後兩個連結也可供大家參考:http://doc.okbase.net/u012915516/archive/124296.html
http://tieba.baidu.com/p/2326316003#32755204056l