现在的位置: 首页 > 综合 > 正文

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

2013年08月24日 ⁄ 综合 ⁄ 共 953字 ⁄ 字号 评论关闭

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

基本都忘了,有次用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。

就会打开新的一页,图形如下:

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

抱歉!评论已关闭.