Code::Blocks 使用技巧.7-代码与流程图双向转换

矫情吗；* 2022-09-30 14:45 5阅读 0赞

大学里学过好多程序流程图，好像是《软件工程》的课。

基本都忘了，有次用visio画图，看到几张图，感觉有印象，才想起是大学里读过的。

流程图是在结构化编程里确实比较有用，认真回忆起来，也确实曾经代码怎么写怎么不对，心急火燎，最终还是换出纸，心平气和的画了张图，才发现自己的谬误在哪。

Code::Blocks 在10.5正式版之后，又搞了好多每夜构建版本，忘了哪个版本，突然就有了一个和流程图有关的功能。

说过了流程图有好多，这个是：

# Nassi–Shneiderman diagram #

[http://en.wikipedia.org/wiki/Nassi%E2%80%93Shneiderman\_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。

就会打开新的一页，图形如下：

![112600_1284896821m4qQ.png][]

如何编辑，关键是如果要在图上修改代码，记得一定要直接点在代码上，就会出现编辑框。其它的大家试。

[http_en.wikipedia.org_wiki_Nassi_E2_80_93Shneiderman_diagram]: http://en.wikipedia.org/wiki/Nassi%E2%80%93Shneiderman_diagram
[112600_1284896821m4qQ.png]: /images/20220705/54aad03becfe422980c62e57c1dc34d7.png