### 歡迎訪問我的GitHub
> 這裡分類和彙總了欣宸的全部原創(含配套原始碼)：[https://github.com/zq2599/blog_demos](https://github.com/zq2599/blog_demos)

- 看程式碼的遇見子類或者介面的實現時，如果有個類圖工具就能讓我們層次和關係一目瞭然，如果您的IDE是IntelliJ IDEA ULTIMATE版，推薦使用其自帶的類圖功能；

### 工具版本
- 社群版不帶類圖功能，所以請使用完整版，以下是我用的版本資訊：
![這裡寫圖片描述](https://img-blog.csdnimg.cn/img_convert/20c327599e07d4c64bd21555d92940b5.png)

### 使用類圖功能
- 以Spring原始碼的工程為例，假設我已經開啟了ApplicationContext.java，在這個類的大括號內的區域點選右鍵，選擇Diagrams -> Show Diagram，即可開啟類圖，如下圖紅框所示：
![這裡寫圖片描述](https://img-blog.csdnimg.cn/img_convert/f61ee73b52aa87e7969f36a3e0161f53.png)

- 開啟的效果如下圖所示：
![這裡寫圖片描述](https://img-blog.csdnimg.cn/img_convert/b1e6678d94cdd06683808beaea22454b.png)

- ApplicationContext.java的繼承關係一目瞭然；

### 調整佈局
- 在類圖上點選右鍵，選擇"Layout"，在子選單中可以調整排列效果，如下圖：

![這裡寫圖片描述](https://img-blog.csdnimg.cn/img_convert/f5839346ebf2a606b24324a2bd4adafb.png)

- 您可以選擇一種適合自己的排列布局，例如“Orthogonal Layout”的效果如下圖：

![這裡寫圖片描述](https://img-blog.csdnimg.cn/img_convert/c50ab7cda6b6a888682c3d06d23a524e.png)

### 檢視更多資訊
1. 如下圖，點選紅框中的按鈕，可以看到類或者介面的方法資訊，另外綠框中的按鈕也比較實用，當我們對影像做過方法或者縮小後，可能字型會不清晰，這時點綠框中的按鈕就會回到原始比例，此時字型就清晰了：
![這裡寫圖片描述](https://img-blog.csdnimg.cn/img_convert/39a747248365ad3d15842df7b04d8c8f.png)
2. 在類上點選右鍵，選擇“Show Implementations”可以看到此類的實現或繼承，如下圖：
![這裡寫圖片描述](https://img-blog.csdnimg.cn/img_convert/a080881635ceb265f0a8c781608a818c.png)
3. 如果想看類圖中某個類的原始碼，點選該類後按下“F4”鍵即可；

- 以上就是類圖工具的簡單用法，希望能幫你更直觀的瞭解原始碼的結構和關係；

### 歡迎關注ITpub：程式設計師欣宸
> [學習路上，你不孤單，欣宸原創一路相伴...](http://blog.itpub.net/70017844/)

用IntelliJ IDEA ULTIMATE版看Java類圖

相關文章