Visual Studio 2010既簡單又絢麗的新功能
Visual Studio 2010正式版剛剛發(fā)布不久，但通過微軟在發(fā)布會上的演示，我們就已經(jīng)看到了VS2010嶄新的用戶體驗。在這些新功能中，微軟也為我們增加了很多應用的擴展。
1、文件的代碼行數(shù)
2、文件的字符數(shù)
3、命名空間的個數(shù)
4、字段個數(shù)
5、接口個數(shù)
6、類的個數(shù)
7、函數(shù)個數(shù)
8、屬性個數(shù)
9、注釋的數(shù)量
10、統(tǒng)計文件的大?。˙ytes, KB, MB等）。
當您鍵入您的代碼，你會看到信息窗口中的數(shù)據(jù)會即時更新，這個信息窗口，是利用可擴展面板。你可以把它看成兩個部分，每一個部分都可以根據(jù)您的需要展開和折疊。這樣，當你不需要它時，你將它可以折疊起來，需要的時候，將它展開。下面演示如何展開/折疊這個控件。
這個控件有三個特殊的狀態(tài)。***個狀態(tài)是一個很小的擴展按鈕。如上圖的***部分。只需點擊它,就會打開控件右側(cè)的面板，這個面板顯示文件的基本數(shù)據(jù)，如上圖的第二部分。這個控件還有一個可擴展面板，如果點擊擴展，就會看到下面的面板，其中顯示其他的統(tǒng)計數(shù)據(jù)，如上圖的第三部分。
實現(xiàn)篇：
1、 Microsoft Visual Studio 2010
2、 Visual Studio 2010 SDK
你安裝Visual Studio SDK之后，你的Visual Studio 2010中會多出下面這些模板：
這篇文章中，我們使用模板Editor ViewPort Adornment實現(xiàn)這個擴展，此模板將為你的代碼編輯器的帶來一個裝飾品。
其實這個擴展包一個WPF用戶控件，我把它放進VS的視窗中就成了信息框。它還含有兩個類，一個類用來解析代碼，獲取代碼的相關(guān)信息；另一個類用來處理自定義編輯器的事件和當頁以及加載的時候?qū)PF控件添加到頁面中。
***步：創(chuàng)建一個Viewport Adornment項目
我們從Extensibility中選擇Viewport Adornment模板創(chuàng)建一個項目。這將生成一個SourceManifest文件和兩個類文件。一個是Adornment類本身，另外一個是AdornmentFactory類。
第二步：添加一個WPF用戶控件
右鍵單擊項目,選擇添加一個新的WPF用戶控件。為了簡單起見，我使用了一個用戶控件。這個用戶控件實際上包含一個Expander控件，設置它的ExpandDirection = Left，它里面又包含了一些TextBlock控件和另外一個Expander ，設置里面的這個Expander的ExpandDirection = Down?？聪旅娴拇a（我刪除不必要的元素，使其更簡單）：
- <Expander ExpandDirection="Left" Style="{DynamicResource ExpanderStyle1}"
- x:Name="expMain" >
- <StackPanel>
- <TextBlock x:Name="txtNoLines"
- Text="No of Lines : {0}"
- Margin="25 25 25 0"
- FontSize="12"
- FontFamily="Verdana"
- FontWeight="Bold"
- Foreground="Yellow"></TextBlock>
- <TextBlock x:Name="txtNoCharacters"
- Text="No of Characters : {0}"
- Margin="25 5 25 15"
- FontSize="12"
- FontFamily="Verdana"
- FontWeight="Bold"
- Foreground="Yellow"></TextBlock>
- <Expander x:Name="expCodeInfo" ExpandDirection="Down"
- Header="Code Information">
- <StackPanel>
- <TextBlock x:Name="txtClassInfo"
- Margin="25 25 25 0"
- FontSize="12"
- FontFamily="Verdana"
- FontWeight="Bold"
- Foreground="LightYellow"/>
- <Line
- Margin="0,4"
- SnapsToDevicePixels="True"
- Stroke="Gold"
- Stretch="Fill"
- X1="0" X2="1"
- />
- <TextBlock x:Name="txtFileSize"
- Margin="25 5 25 15"
- FontSize="12"
- FontFamily="Verdana"
- FontWeight="Bold"
- Foreground="AliceBlue"/>
- </StackPanel>
- </Expander>
- </StackPanel>
- </Expander>
你可以看到，代碼很簡單，兩個Expanders，一個用來顯示基本的統(tǒng)計信息和另外一個顯示擴展的統(tǒng)計信息。我還使用StackPanel來固定TextBlocks布局?，F(xiàn)在，如果你看一下后臺代碼，發(fā)現(xiàn)它也一樣簡單。其實我已經(jīng)創(chuàng)建了一個CodeInfoTracker類，用它來為我們分析源代碼文件。我只是為我們的用戶控件添加了一個構(gòu)造函數(shù)，使用戶控件更具擴展性而已。
- private CodeInfoTracker _cinfo;
- private CodeInfoTracker.Calculators _calculator;
- public ucInfoBox(CodeInfoTracker cinfo)
- : this()
- {
- this._cinfo = cinfo;
- }
- public void UpdateInfo(CodeInfoTracker info)
- {
- _calculator = info.PerFormCalculate();
- this.txtNoLines.Text = string.Format("No of Lines : {0}",
- _calculator.no_of_lines);
- this.txtNoCharacters.Text = string.Format("No of Characters : {0}",
- _calculator.no_of_characters);
- this.txtFileSize.Text = string.Format("Total File Size : {0}",
- _calculator.totalfilesize);
- StringBuilder builder = new StringBuilder();
- if (this._calculator.interfaces != 0)
- builder.AppendFormat("Interfaces : {0}\n\r",
- this._calculator.interfaces);
- if (this._calculator.namespaces != 0)
- builder.AppendFormat("NameSpaces : {0}\n\r",
- this._calculator.namespaces);
- if (this._calculator.classes != 0)
- builder.AppendFormat("Classes : {0}\n\r",
- this._calculator.classes);
- if (this._calculator.methods != 0)
- builder.AppendFormat("Methods : {0}\n\r", this._calculator.methods);
- if (this._calculator.properties != 0)
- builder.AppendFormat("Properties : {0}\n\r",
- this._calculator.properties);
- if (this._calculator.fields != 0)
- builder.AppendFormat("Fields : {0}\n\r", this._calculator.fields);
- if (this._calculator.comments != 0)
- builder.AppendFormat("Comments : {0}\n\r", this._calculator.comments);
- if (builder.Length > 0)
- {
- this.txtClassInfo.Visibility = System.Windows.Visibility.Visible;
- this.txtClassInfo.Text = builder.ToString();
- }
- else
- {
- this.txtClassInfo.Text = "";
- this.txtClassInfo.Visibility = System.Windows.Visibility.Hidden;
- }
- }
使用了一個結(jié)構(gòu)體Calculators ，這個結(jié)構(gòu)體放置在我們的自定義類中，它有幾個int屬性用來保存分析源文件獲取的所有信息。 info.PerFormCalculate(); 給出分析的結(jié)果。這里使用的所有獲取的信息來更新了UIElements。 #p#
第三步：創(chuàng)建獲取源文件信息的類
雖然代碼存在一些復雜性，但是這個類其實很簡單。我很感謝CS Parser [^]，它幫助我自動地解析源代碼。這個類需要一個IWpfTextView對象，它代表著Visual Studio 2010文本編輯器。實際上WpfTextView實現(xiàn)了IWpfTextView。在執(zhí)行期間這個類接受這個對象。
我可以從WPFTextView.TextSnapshot.GetText()獲得到了源代碼。在我調(diào)用的這個分析的時候，我只需要檢測的代碼是什么語言寫的。開始我想自己來實現(xiàn)，但是感謝上帝，我在WPFTextView中發(fā)現(xiàn)已經(jīng)存在這個對象了。
- public enum Language
- {
- CSharp, VisualBasic, Indeterminate
- }
- internal Language DetectLanguage
- {
- get
- {
- string langtype =
- this._view.FormattedLineSource.TextAndAdornmentSequencer.
- SourceBuffer.ContentType.DisplayName;
- if(langtype.Equals("CSHARP",
- StringComparison.InvariantCultureIgnoreCase))
- return Language.CSharp;
- else if(langtype.Equals("BASIC",
- StringComparison.InvariantCultureIgnoreCase))
- return Language.VisualBasic;
- else
- return Language.Indeterminate;
- }
- }
DetectLanguage妥善地利用WPFTextView對象的FormattedLineSource.TextAndAdornmentSequencer。SourceBuffer.ContentType.DisplayName，這個屬性告訴我是使用了哪種語言。之后我創(chuàng)建了一個新的方法PerFormCalculate，用它來解析源代碼，它返回一個Calculation結(jié)構(gòu)對象。
第四步：創(chuàng)建 Adornment Factory 類
回到這個擴展，我創(chuàng)建一個Adornment（InfoBoxAdornmentFactory）的Factory類。這個類繼承IWpfTextViewCreationListener，用來監(jiān)聽WPF的編輯和創(chuàng)建事件。
- [Export(typeof(IWpfTextViewCreationListener))]
- [ContentType("text")]
- [TextViewRole(PredefinedTextViewRoles.Document)]
- internal sealed class InfoBoxAdornmentFactory : IWpfTextViewCreationListener
- {
- [Export(typeof(AdornmentLayerDefinition))]
- [Name("AlwaysVisibleInfoBox")]
- [Order(After = PredefinedAdornmentLayers.Selection)]
- [TextViewRole(PredefinedTextViewRoles.Interactive)]
- public AdornmentLayerDefinition editorAdornmentLayer = null;
- public void TextViewCreated(IWpfTextView textView)
- {
- new AlwaysVisibleInfoBox(textView);
- }
- }
這里，你可以看到我在這個類上使用了很多Attributes，像ContentType，它定義了我們只處理文本格式的編輯器；還有TextViewRole，它定義了將被這個類處理的textview的類型。在這個類中，我創(chuàng)建了一個AdornmentLayerDefination對象。可能你想知道我們沒有使用它，無什么還需要定義它呢，它只是用來配置屬性的。Order屬性指定，當，InfoBox在層被選之后監(jiān)聽，Name是編輯擴展的名字。
第五步：創(chuàng)建Adornment 類
Adornment類實際創(chuàng)建了一個WPF用戶控件對象，并設置它的視圖畫布。在內(nèi)部構(gòu)造函數(shù)中，我處理IWpfTextView.LayoutChanged事件，當代碼修改或者布局改變的時候，就觸發(fā)這個事件。
因此，通過這一事件，當我們編輯的文檔時，我們可以很容易地得到回調(diào)。當瀏覽器編輯器的大小改變時，我還通過處理WPFTextView.ViewportHeightChanged，WPFTextView.ViewportWidthChanged得到回調(diào)，使我們可以重新定位相應的UserControl。
- public AlwaysVisibleInfoBox(IWpfTextView view)
- {
- _view.LayoutChanged += this.OnLayoutChanged;
- this.GetLayer();
- }
- private void GetLayer()
- {
- _adornmentLayer = this._view.GetAdornmentLayer("AlwaysVisibleInfoBox");
- _view.ViewportHeightChanged += delegate { this.onSizeChange(); };
- _view.ViewportWidthChanged += delegate { this.onSizeChange(); };
- }
- private void OnLayoutChanged(object sender, TextViewLayoutChangedEventArgs e)
- {
- this._info = new CodeInfoTracker(_view);
- this.infobox.UpdateInfo(this._info);
- }
- public void onSizeChange()
- {
- _adornmentLayer.RemoveAllAdornments();
- Canvas.SetLeft(infobox, _view.ViewportRight - 255);
- Canvas.SetTop(infobox, _view.ViewportTop + 10);
- _adornmentLayer.AddAdornment(AdornmentPositioningBehavior.ViewportRelative,
- null, null,
- infobox, null);
- }
因此，構(gòu)造函數(shù)只是調(diào)用GetLayer來獲取的Layer對象，發(fā)生在ViewportHeightChanged和ViewportWidthChanged ViewPortSizeChage事件。當一個布局改變時，我就能更新這個用戶的控件。至此，我們成功地建立我們的擴展。你可以使用F5運行它，它會打開一個Visual Studio 2010的Experimental實例。
安裝和卸載這個擴展：
安裝和卸載這個擴展是非常容易的。當您編譯項目后，它會產(chǎn)生一個VSIX文件。您可以只需雙擊這個文件，它會自動安裝到Visual Studio 2010。
文章轉(zhuǎn)自海納百川的博客，
原文地址：http://www.cnblogs.com/zhuqil/archive/2010/04/15/Visual-Studio-Extension.html
【編輯推薦】
- 圖解Visual Studio 2010中的UML建模功能
- 解密中國研發(fā)團隊如何開發(fā)VS2010新特性
- Visual Studio 2010化繁為簡 令項目管理更輕松
- Visual Studio 2010 Lab Management功能
- Visual Studio 2010將再度擁抱UML
