Flower:画花程序
源代码:
http://blog.csdn.net/cxjddd/archive/2005/04/12/344844.aspx
Flower 是一个模拟那种齿轮画板的程序,可以画出规则的几何图形。实际
上,得到的图形由三个参数控制:大圆半径、小圆半径以及画笔到小圆心的距离。
另外也可以把小圆放置在大圆外面来获得不同的结果。本程序使用 GTK+2.0 编
写,非常简单。
一、界面组成。程序窗口的左边为输出窗口,即显示画出的图形;右上为参
数和控制按钮。上面三个微调按钮(文本框)分别表示大圆半径、小圆半径和画
笔距离;下面是两个开关按钮,第一个可使小圆在大圆外面,第二个则使图形自
动缩放到适合窗口大小。
二、窗口布局。左边的输出窗口是一个“绘图区域” drawing_area(类型:
GtkDrawingArea)。右边的三个参数输入框左边为“标签” label(类型:
GtkLabel),而输入框为“微调按钮” spin_button(类型:GtkSpinButton);
下面的两个是“开关按钮” toggle_button(类型:GtkToggleButton)。主窗
口是一个 window(类型:GtkWindow)。
首先三个 spin_button 和 label 应分别以 hbox 串联起来;然后与两个
toggle_button 用一个 vbox 串联起来;将此 vobx 用“对齐控件” alignment
(类型:GtkAlignment)定位于右上角。最终,将左边的 drawing_area 与右边
的五个按钮用 hbox 串联起来,并添加到主窗口 window 中。当然,要注意 box
在 pack 时的扩展、填充等参数的设置,以使界面美观。
三、事件处理。本程序主要的事件有 spin_button 的 "value-changed",
toggle_button 的 "toggled",drawing_area 的 "expose_event",分别表示
spin_button 的值发生改变、toggle_button 的状态发生改变以及
drawing_area 需要重绘。另外,需要处理主窗口 window 的一些消息,以使程
序可以正常退出。
对于五个按钮来说,消息的处理很简单,只是简单地用
gtk_window_invalidate_rect() 来使 drawing_area 重绘(即产生
"expose_event")。
四、绘图。输出图形时,先取得绘图区域的大小、gc(Graphics Contexts)
等信息,然后设置黑色并清除区域,再设置白色,以画线的方式输出图形。用到
的函数有 gdk_draw_rectangle()、gdk_gc_set_rgb_fg_color()、
gdk_draw_line() 等。使用的类型有 GdkColor、GdkDrawable、GdkGC 等。
五、圆画板的算法。圆画板在作图时,是小圆在大圆里面转动,从而带动画
笔的移动,从而作出图形。实际在用程序来处理时,可先让小圆和大圆保持各自
圆心的固定,然后转动大圆,可算出小圆转动的角度;此时再将大圆与小圆整体
旋转,即可回复到通常的情况。
六、box 的组装。本程序里共用了三类 box 的组装风格。
1. label 和 spin_button。hbox 在生成时为 (FALSE, 5) 风格,以使
label 和 spin_button 可以左或右对齐,并留下一定间隔。label 以
pack_start(FALSE, FALSE, 0) 组装,以左对齐;而 spin_button 以 pack_end
(FALSE, FALSE, 0) 组装,以右对齐。这样可使三份控件相似。
2. spin_button 和 toggle_button。vbox 在生成时为 (TRUE, 5),以使各
控件之间有一定距离。而第一个 toggle_button 在组装时用 (TRUE, TRUE, 5),
以使两个 toggle_button 看起来相隔稍远一点。其它控件以 (TRUE, TRUE, 0)。
另,vbox 以一个 alignment 来挂于右上角。
3. drawing_area 和五个按钮。hbox 以 (FALSE, 5) 生成,以在
drawing_area 与按钮之间产生间隔。drawing_area 以 (TRUE, TRUE, 0) 组装,
而按钮以 (FALSE, FALSE, 0) 组装。这样 drawing_area 可以随窗口大小的变
化而同步放大。