什麼是 [類別設計工具]?

使用 Visual Studio 中的 [類別設計工具],您可以在 C#、Visual Basic 或 C++ 專案中設計、視覺化和重構類別圖表。 類別圖表會顯示視覺化設計介面中的程式碼項目及其關聯性,可協助您進一步了解專案結構,並重新組織程式碼。

注意

類別設計工具尚無法於 .NET Core 專案中使用。

關於類別圖表

以下是您可以使用類別圖表來執行之工作的詳細資訊:

  • 設計:藉由編輯類別圖表來編輯您的專案程式碼。 加入新元素,並刪除不需要的元素。 您的變更會反映在程式碼中。

  • 視覺化:在圖表上檢視專案中的類別,以了解專案的結構。 自訂您的圖表,讓您可以專注在您最關心的專案詳細資料。 儲存您的圖表,以供日後用於示範或說明文件。

  • 重構:覆寫方法、重新命名識別碼、重構參數,以及實作介面和抽象類別。

檢視類型與關聯性

類別圖表會顯示類型的詳細資料,例如其關係人成員,以及成員之間的關聯性。 這些實體在視覺化後,即為程式碼的動態檢視。 這表示您可以在設計工具上編輯類型,然後就能看到編輯的結果反映在實體的原始程式碼中。 同樣地,類別圖表會與您對程式碼檔案進行地變更保持同步。

注意

如果您的專案包含類別圖表,而且參考了位在其他專案中的類型,則除非您建置該類型的專案,否則類別圖表不會顯示參考的類型。 同樣地,除非您重建外部實體的專案,否則此圖表不會顯示該實體的程式碼變更。

類別圖表工作流程

類別圖表可協助您了解專案的類別結構。 這些專案可能是由其他開發人員建立的,或您只是想在自己建立的專案上使用重新整理工具。 您可以使用這些類別圖表來自訂專案資訊、與其他人共用,以及向其他人展示。

展示專案資訊的第一個步驟,就是建立可顯示您要展示之內容的類別圖表。 如需詳細資訊,請參閱新增類別圖表。 您可以為一個專案建立多個類別圖表,以用來顯示專案的不同檢視、所選擇的專案類型子集,或所選擇的類型成員子集。

除了定義每個類別圖表顯示的內容,您也可以變更資訊呈現的方式;如需詳細資訊,請參閱自訂類別圖表 (部分機器翻譯)。

微調過一或多個類別圖表之後,您可以將其複製到 Microsoft Office 文件並加以列印,或將其匯出成影像檔。 如需詳細資訊,請參閱將類別圖表元素複製到 Microsoft Office 文件 (部分機器翻譯)、列印類別圖表 (部分機器翻譯) 以及將類別圖表匯出為影像 (部分機器翻譯)。

注意

類別設計工具不會追蹤原始程式檔的位置,因此,變更您的專案結構或移動專案中的原始程式檔,可能會導致類別設計工具遺失類型的追蹤,特別是 typedef、基底類別或關聯類型的來源類型。 您可能會收到錯誤,例如:類別設計工具無法顯示這個類型。 如果您收到錯誤訊息,請將已修改或重新配置的原始程式碼再次拖曳到類別圖表中,以重新顯示。

將類別圖表新增至專案

若要設計、編輯和重構類別及其他類型,請將類別圖加入至 C#、Visual Basic 或 C++ 專案。 若要在專案中視覺化程式碼的不同部分,請將多個類別圖加入至專案。

您不能從跨多個應用程式共用程式碼的專案建立類別圖。 若要建立 UML 類別圖表,請參閱建立 UML 模組化專案和圖表

安裝類別設計工具元件

若您尚未安裝類別設計工具元件,請遵循下列步驟安裝。

  1. 從 Windows [開始] 功能表開啟 Visual Studio 安裝程式,或從 Visual Studio 的功能表列選取 [工具]>[取得工具與功能]

    Visual Studio 安裝程式隨即開啟。

  2. 如果您已經安裝 Visual Studio,請按一下選項中的 [修改] 按鈕。

  3. 選取 [個別元件] 索引標籤,然後向下捲動到 [程式碼工具] 分類。

  4. 選取 [類別設計工具],然後選取 [修改]

    Screenshot of the Class Designer component in the Visual Studio Installer.

    Screenshot of the Class Designer component in the Visual Studio Installer.

    類別設計工具元件會開始安裝。

將空白類別圖表新增至專案

  1. 方案總管中,以滑鼠右鍵按一下專案節點,然後選擇 [新增]>[新增項目]。 或者按 Ctrl+Shift+A如果顯示一個小型視窗,其中只有新增程式碼檔案的選項,請選擇 [顯示所有範本] 按鈕。

    [新增項目] 對話方塊隨即開啟。

  2. 展開 [一般],然後從範本清單中選取 [類別圖表]。 若是 Visual C++ 專案,請在 [公用程式] 分類中尋找類別圖表範本。

    注意

    若您沒有看到類別圖表範本,請遵循這些步驟安裝 Visual Studio 的類別設計工具元件。

    類別圖表會在類別設計工具中開啟,並在方案總管中顯示為副檔名為 .cd 的檔案。 您可以從 [工具箱] 將圖形和線條拖曳到圖表。

若要加入多個類別圖,請重複本程序的步驟。

根據現有類型新增類別圖表

在 [方案總管] 中,開啟檔案的快顯功能表 (以滑鼠右鍵按一下),然後選擇 [檢視類別圖表]。

-或-

在 [類別檢視] 中,開啟命名空間或類型操作功能表,然後選擇 [檢視類別圖表]

提示

如果未開啟 [類別檢視],請從 [檢視] 功能表開啟 [類別檢視]。 或者按 Ctrl+Shift+C

在類別圖表中顯示完整專案的內容

在 [方案總管] 或 [類別檢視] 中,在專案上按一下滑鼠右鍵並選擇 [檢視],然後選擇 [類別圖表檢視]

就會建立會自動填入內容的類別圖表。

重要

類別設計工具尚無法於 .NET Core 專案中使用。

自訂類別圖表

您可以變更類別圖顯示資訊的方式, 也可以在設計介面上自訂整個圖表或個別類型。

例如,您可以調整整個類別圖的縮放比例、變更個別類型成員的群組和排序方式、隱藏或顯示關聯性,以及將個別或多組類型移至圖表的任何位置。

注意

自訂圖形出現在圖表中的方式不會改變圖表呈現類型的基礎程式碼。

包含類型成員的區段 (例如類別中的 [屬性] 區段) 稱為區間。 您可以隱藏或顯示個別區間和類型成員。

放大或縮小類別圖

  1. 在 [類別設計工具] 中,開啟並選取類別圖表檔案。

  2. 按一下 [類別設計工具] 工具列上的 [放大] 或 [縮小] 按鈕,變更設計工具介面的縮放比例。

    指定特定的縮放值。 您可以使用 [縮放] 下拉式清單,或鍵入有效的縮放比例 (有效範圍介於 10% 到 400% 之間)。

    注意

    變更縮放比例不會影響類別圖列印成品的比例。

自訂類型成員的群組和排序方式

  1. 在 [類別設計工具] 中,開啟並選取類別圖表檔案。

  2. 以滑鼠右鍵按一下設計介面的空白區域,再指向 [群組成員]

  3. 選取下列其中一個可用選項:

    • 依種類分組:將個別類型成員分到 [屬性]、[方法]、[事件] 和 [欄位] 的群組清單中。 個別群組相依於實體定義。例如,如果還沒有定義類別的事件,該類別就不會顯示任何事件群組。

    • 依存取權分組:依據成員的存取修飾詞,將個別類型成員分到群組清單中。 例如,公用和私用。

    • 依字母順序排序:以一份依字母順序排列的清單顯示構成實體的項目。 清單以遞增方式排序。

隱藏類型上的區間

  1. 在 [類別設計工具] 中,開啟並選取類別圖表檔案。

  2. 以滑鼠右鍵按一下類型中要自訂的成員分類 (例如,選取類別中的 [方法] 節點)。

  3. 按一下 [隱藏區間]

    選取的區間隨即從類型容器消失。

隱藏類型上的個別成員

  1. 在 [類別設計工具] 中,開啟並選取類別圖表檔案。

  2. 以滑鼠右鍵按一下您要隱藏的類型成員。

  3. 按一下 [隱藏]

    選取的成員隨即從類型容器消失。

在類型上顯示隱藏的區間和成員

  1. 在 [類別設計工具] 中,開啟並選取類別圖表檔案。

  2. 以滑鼠右鍵按一下含有隱藏區間的類型名稱。

  3. 按一下 [顯示所有成員]

    所有隱藏的區間和成員隨即都出現在類型容器中。

隱藏關聯性

  1. 在 [類別設計工具] 中,開啟並選取類別圖表檔案。

  2. 以滑鼠右鍵按一下您要隱藏的關聯線或繼承線。

  3. 對關聯線按一下 [隱藏],對繼承線則按一下 [隱藏繼承線]

  4. 按一下 [顯示所有成員]

    所有隱藏的區間和成員隨即都出現在類型容器中。

顯示隱藏的關聯性

  1. 在 [類別設計工具] 中,開啟並選取類別圖表檔案。

  2. 以滑鼠右鍵按一下含有關聯線或繼承線的類型。

    對關聯線按一下 [顯示所有成員],對繼承線則按一下 [顯示基底類別] 或 [顯示衍生類別]

從類別圖移除圖形

您可以從類別圖移除類型圖形,而不會影響類型的基礎程式碼。 從類別圖移除類型圖案只會影響該圖表:定義類型的基礎程式碼以及顯示類型的其他圖表並不受影響。

  1. 在類別圖上,選取要從圖表移除的類型圖案。

  2. 從 [編輯] 功能表中選擇 [從圖表移除]

    圖表上就不會再出現該類型圖案以及連接至圖案的關聯線或繼承關聯線。

刪除類型圖案及其基礎程式碼

  1. 在設計介面的圖案上按一下滑鼠右鍵。

  2. 從操作功能表選取 [刪除程式碼]

    圖案隨即從圖表移除,其基礎程式碼也會從專案刪除。

將類別圖表項目複製到 Microsoft Office 文件

您可以將圖形從 .NET 類別圖表 (.cd 檔案) 複製到其他文件。 視您貼上的目標文件種類而定,您會取得圖形複本或其基礎程式碼。 若要從模組化專案中的 UML 類別圖表複製圖形,請參閱將圖表匯出為影像

複製單一元素

以滑鼠右鍵按一下圖形,然後選擇 [複製影像]

複製數個元素

  1. 選取您要複製的圖表上的圖形。

  2. 以滑鼠右鍵按一下選取項目,然後選擇 [複製影像]

複製類別圖表中的所有元素

  1. 以滑鼠右鍵按一下圖表介面,然後選擇 [全選],或按 Ctrl+A

  2. 在 [編輯] 功能表上,選取 [複製影像]

您也可以不選 [複製影像] 而選擇 [複製]。 [複製] 會將影像複製為一般點陣圖。 [複製影像] 會將影像複製為向量影像,更適用於大多數的 Office 應用程式。

將類別圖表匯出為影像

若要匯出從專案程式碼所建立的類別圖,請將該圖儲存為影像。 若要改為匯出 UML 類別圖表,請參閱將圖表匯出為影像

匯出圖表

  1. 開啟您的類別圖表 (.cd) 檔案。

  2. 從 [類別圖表] 功能表或圖表介面捷徑功能表,選擇 [將圖表匯出為影像]

  3. 選取圖表。

  4. 選取您要的格式。

  5. 選擇 [匯出] 以完成匯出。

若要自動更新與其他文件連結的匯出影像,請在 Visual Studio 中重新匯出圖表。

您可以使用 Visual Studio 的列印功能來列印類別圖表。

列印類別圖表

  1. 開啟類別圖表。

  2. 按一下 [檔案] 功能表中的 [列印]

整份類別圖表隨即列印。 您可能需要調整 [版面設定] 對話方塊中的設定,才能以適當大小列印。

將註解新增至類別圖表

您可以使用註解圖形來標註類別圖表。 註解圖形有一個屬性 Text,您可在其中鍵入文字。 註解圖形只存在於圖表介面,而不在程式碼中。

註解位在類別設計工具中的類別圖表檢視。 如果您在相同專案上開啟第二個類別圖表,就看不到您在第一個檢視中建立的註解。 如果您刪除圖表,其中包含的所有註解也都會刪除。

您可以調整註解圖形的大小,但無法變更外觀的其他層面,像是圖形的背景色彩、字型或字型大小。

新增註解

  1. 將註解從 [類別設計工具工具箱] 拖曳到類別圖表上。

  2. 在圖表上新的註解圖形中按一下,然後鍵入想要的文字。

使用 [類別圖表] 和 [類別細節] 視窗中的滑鼠和鍵盤快速鍵

除了滑鼠之外,也可以在 [類別設計工具] 和 [類別細節] 視窗中使用鍵盤執行巡覽動作。

在 [類別設計工具] 中使用滑鼠

類別圖表中可支援下列滑鼠動作:

滑鼠組合 內容 描述
按兩下 圖案項目 開啟程式碼編輯器。
按兩下 棒棒糖符號連接器 展開/摺疊棒棒糖符號。
按兩下 棒棒糖符號連接器標籤 叫用 [顯示介面] 命令。
滑鼠滾輪 類別圖表 垂直捲動。
Shift + 滑鼠滾輪 類別圖表 水平捲動。
Ctrl + 滑鼠滾輪 類別圖表 縮放。
Ctrl+Shift + 按一下 類別圖表 縮放。

在 [類別細節] 視窗中使用滑鼠

您可以使用滑鼠變更 [類別細節] 視窗及其顯示資料的外觀,方法如下:

  • 按一下任何可編輯的儲存格,即可編輯該儲存格的內容。 您的變更會反映在資料儲存或顯示的所有位置,包括在 [屬性] 視窗和原始程式碼中。

  • 按一下某列的任一儲存格,[屬性] 視窗就會顯示該列所代表的元素屬性。

  • 若要變更資料行的寬度,請拖曳欄位標題的右邊框線到您想要的寬度。

  • 按一下資料列左側的箭頭符號,可展開或摺疊區間或屬性節點。

  • [類別細節] 視窗可提供數個按鈕,供您在目前的類別中建立新的成員,以及在 [類別細節] 視窗方格中的成員區間之間瀏覽。

在 [類別設計工具] 中使用鍵盤

類別圖表中可支援下列鍵盤動作:

按鍵 內容 描述
方向鍵 在類型圖形內 圖形內容的樹狀樣式瀏覽 (支援圖案循環)。 如果可展開目前的項目,則向左和向右鍵可展開/摺疊該項目;如果不可展開目前的項目,則向左和向右鍵會瀏覽至父系 (請參閱樹狀檢視瀏覽,以了解詳細的行為)。
方向鍵 最上層的圖形 移動圖表上的圖形。
Shift+方向鍵 在類型圖形內 建置圖形項目的連續選取項目,例如成員、巢狀類型或區間。 這些快速鍵不支援循環。
首頁 在類型圖形內 瀏覽至最上層圖形標題。
首頁 最上層的圖形 瀏覽至圖表上的第一個圖形。
結束 在類型圖形內 瀏覽至圖形內最後一個可見的項目。
結束 最上層的圖形 瀏覽至圖表上的最後一個圖形。
Shift+Home 在類型圖形內 從圖形內目前的項目開始選取,一直到同一圖形上最上層的項目結束。
Shift+End 在類型圖形內 Shift+Home 相同,但方向由上而下。
Enter 在所有內容中 在圖形上叫用預設動作,按兩下滑鼠鍵也有相同的功用。 在大部分的情況下,這是檢視程式碼,但是某些項目會以不同方式定義 (棒棒糖符號、區間標頭、棒棒糖符號標籤)。
+- 在所有內容中 如果目前強調的元素可展開,這些鍵就能展開或摺疊該元素。
> 在所有內容中 在含有子系的項目上,如果該項目已摺疊,則此鍵會展開該項目並瀏覽至第一個子項。
< 在所有內容中 瀏覽到父項。
Alt+Shift+L 在類型圖形內 + 類型圖形上。 請瀏覽至目前所選的棒棒糖符號圖形 (若有顯示)。
Alt+Shift+B 在類型圖形內 + 類型圖形上。 如果基底類型清單顯示在類型圖形上,且有一個以上的項目,則此鍵會切換清單的展開狀態 (展開/摺疊)。
刪除 在類型和註解圖形上 叫用 [從圖表移除] 命令。
刪除 在所有其他項目上。 叫用 [從程式碼刪除] 命令 (成員、參數、關聯、繼承、棒棒糖符號標籤)。
Ctrl+Delete 在所有內容中 在選取項目上叫用 [從程式碼刪除] 命令。
定位字元 在所有內容中 瀏覽至同一父系內的下一個子項 (支援循環)。
Shift+Tab 在所有內容中 瀏覽至同一父系內的上一個子項 (支援循環)。
空格鍵 在所有內容中 在目前的項目上切換選取項目。

在 [類別細節] 視窗中使用鍵盤

注意

下列按鍵繫結會模仿輸入程式碼的體驗。

使用下列機碼巡覽 [類別細節] 視窗:

按鍵 結果
(逗號) 如果游標位於參數資料列中,輸入逗號會將游標移至下一個參數的 [名稱] 欄位。 如果游標位於某個方法的最後一個參數資料列中,輸入逗號會將游標移至 [新增參數]<> 欄位中,讓您可以用來建立新的參數。

如果資料指標位於 [類別細節] 視窗中的其他位置,鍵入逗號就會在目前欄位中新增一個逗號。
; (分號) 或 ) (右括弧) 在 [類別細節] 視窗方格中,將資料指標移至下一個成員資料列的 [名稱] 欄位。
定位字元 將游標移到下一個欄位,先從左到右移動,然後由上而下。 如果要從某個您已鍵入文字的欄位移動資料指標,[類別細節] 視窗會先處理該文字,若沒有產生錯誤,則會儲存該文字。

如果游標位於空白欄位,例如 [新增參數]<>,Tab 鍵會將游標移至下一個資料列的第一個欄位。
空格鍵 將游標移到下一個欄位,先從左到右移動,然後由上而下。 如果游標位於空白欄位,例如 [新增參數]<>,空格鍵會將游標移至下一個資料列的第一個欄位。 請注意,緊接著逗號之後輸入的 <空格> 會被忽略。

如果游標位於 [摘要] 欄位中,輸入空格會加入空白字元。

如果游標位於指定之資料列的隱藏資料行中,輸入空格會切換 [隱藏] 核取方塊的值。
Ctrl+Tab 切換至另一個文件視窗。 例如,從 [類別細節] 視窗切換到開啟的程式碼檔案。
Esc 如果您已經開始在欄位中輸入文字,按下 ESC 鍵可做為復原索引鍵,將欄位內容還原成先前的值。 如果 [類別細節] 視窗具有一般焦點,但沒有任何特定的儲存格具有焦點,則按下 ESC 鍵會將焦點從 [類別細節] 視窗移開。
向上鍵向下鍵 這兩個鍵可在 [類別細節] 視窗方格中,以垂直方向逐列移動資料指標。
向左鍵 如果游標位於 [名稱] 資料行中,按向左鍵可摺疊階層中目前的節點 (若已展開)。
向右鍵 如果游標位於 [名稱] 資料行中,按向右鍵可展開階層中目前的節點 (若已摺疊)。

提示

如需完整的鍵盤快速鍵清單,請參閱 Visual Studio 中的鍵盤快速鍵