Code::Blocks 提示.7-代碼與流程圖雙向轉換

大學裡學過好多程式流程圖，好像是《軟體工程》的課。

基本都忘了，有次用visio畫圖，看到幾張圖，感覺有印象，才想起是大學裡讀過的。

流程圖是在結構化編程裡確實比較有用，認真回憶起來，也確實曾經代碼怎麼寫怎麼不對，心急火燎，最終還是換出紙，心平氣和的畫了張圖，才發現自己的謬誤在哪。

Code::Blocks 在10.5正式版之後，又搞了好多每夜構建版本，忘了哪個版本，突然就有了一個和流程圖有關的功能。

說過了流程圖有好多，這個是： 

 

Nassi–Shneiderman diagram

 

http://en.wikipedia.org/wiki/Nassi%E2%80%93Shneiderman_diagram

 

我仍然是只記得有這個東東名字，為了好玩，就試了幾把。

它能夠將一段代碼轉換成一個流程圖，也能夠的反過來編輯那張圖，然後再產生一段代碼。

可能因為前面有布局配置的原因，這個外掛程式一開始我找不到這的工具列，心裡感覺應該有。

方法很簡單，通過View -> Perspectives，選中Code::Blocks default。如果沒有一排新的工具列出現，就選中“delete current”，新工具列就出現了。

本文僅示意從代碼到圖形：

Code:

1. //reset width and height  
2. _width = 0;  
3. _height = 0;  
4.   
5. //from right to left..  
6. for (int col=3; col>=0; --col)  
7. {  
8.     for (int row=0; row<4; ++row)  
9.     {  
10.         if (this->CellAt(row, col))   
11.         {  
12.             _width = col + 1;  
13.             break;  
14.         }  
15.     }  
16.       
17.     if (_width != 0)  
18.         break;  
19. }  

這是一個函數中的一段代碼。選中它們，右鍵，選：Nassi Shneiderman -> Create diagram。

就會開啟新的一頁，圖形如下：

如何編輯，關鍵是如果要在圖上修改代碼，記得一定要直接點在代碼上，就會出現編輯框。其它的大家試。