FLTK学习-4-使用FLUID编程(2)

来源:互联网 发布:淘宝隐藏券怎么找 编辑:程序博客网 时间:2024/06/06 02:29

11.5.1 CubeView类

      CubeView类是Fl_Gl_Window的子类。该类具有设置缩放,x、y平移【摇动镜头??】以及x、y轴旋转角的方法。

      如果你认识到CubeView只是由FLUID生成的Fl_Gl_Window的一个子类并且会对CubeViewUI的调用产生响应,那么你可以放心的忽略本节。

CubeView类声明

下面是在头文件test/CubeView.h中的CubeView的类声明。

[cpp] view plaincopyprint?
  1. class CubeView : public Fl_Gl_Window {  
  2. public:  
  3. CubeView(int x,int y,int w,int h,const char* l=0);  
  4. //这个值决定画立方体的缩放比例   
  5. double size;  
  6. /*设置垂直轴(y轴)的旋转。该函数被CubeViewUI的水平滚轴和CubeViewUI的初始化按钮调用*/  
  7. void v_angle(float angle){vAng=angle;};  
  8. // 返回垂直轴的旋转角   
  9. float v_angle(){return vAng;};  
  10. /*设置水平轴(x轴)的旋转。该函数被CubeViewUI的垂直滚轴和CubeViewUI的初始化按钮调用*/  
  11. void h_angle(float angle){hAng=angle;};  
  12. //返回垂直轴的旋转角   
  13. float h_angle(){return hAng;};  
  14. /*设置立方体视角的x偏移,该函数被CubeViewUI的滑动块和CubeView的初始化按钮调用*/  
  15. void panx(float x){xshift=x;};  
  16. /*设置立方体视角的y偏移,该函数被CubeViewUI的滑动块和CubeView的初始化按钮调用*/  
  17. void pany(float y){yshift=y;};  
  18. /*构件基类的draw()函数的重载,draw()函数用另一轮的画图初始化GL,然后调用专门的函数画出立方体视图中的每个实体【??】*/  
  19. void draw();  
  20. private:  
  21. /*画立方体的边界,使用boxv[]顶点和GL_LINE_LOOP画立方体的面【??】,颜色由CUBECOLOR宏定义指定*/  
  22. void drawCube();  
  23. float vAng,hAng; float xshift,yshift;  
  24. float boxv0[3];float boxv1[3]; float boxv2[3];float boxv3[3];  
  25. float boxv4[3];float boxv5[3]; float boxv6[3];float boxv7[3];  
  26. };  

CubeView类实现

下面是CubeView的实现,与FLTK中的Cube演示例子非常相似。

[cpp] view plaincopyprint?
  1. #include "CubeView.h"   
  2. #include <math.h>   
  3. CubeView::CubeView(int x,int y,int w,int h,const char *l)  
  4. : Fl_Gl_Window(x,y,w,h,l)  
  5. {  
  6. vAng = 0.0; hAng=0.0; size=10.0;  
  7. /*The cube definition. These are the vertices of a unit cube 
  8. centered on the origin.*/  
  9. boxv0[0] = -0.5; boxv0[1] = -0.5; boxv0[2] = -0.5; boxv1[0] = 0.5;  
  10. boxv1[1] = -0.5; boxv1[2] = -0.5; boxv2[0] = 0.5; boxv2[1] = 0.5;  
  11. boxv2[2] = -0.5; boxv3[0] = -0.5; boxv3[1] = 0.5; boxv3[2] = -0.5;  
  12. boxv4[0] = -0.5; boxv4[1] = -0.5; boxv4[2] = 0.5; boxv5[0] = 0.5;  
  13. boxv5[1] = -0.5; boxv5[2] = 0.5; boxv6[0] = 0.5; boxv6[1] = 0.5;  
  14. boxv6[2] = 0.5; boxv7[0] = -0.5; boxv7[1] = 0.5; boxv7[2] = 0.5;  
  15. };  
  16. // The color used for the edges of the bounding cube.  
  17. #define CUBECOLOR 255,255,255,255  
  18. void CubeView::drawCube() {  
  19. /*Draw a colored cube*/  
  20. #define ALPHA 0.5   
  21. glShadeModel(GL_FLAT);  
  22. glBegin(GL_QUADS);  
  23. glColor4f(0.0, 0.0, 1.0, ALPHA);  
  24. glVertex3fv(boxv0);  
  25. glVertex3fv(boxv1);  
  26. glVertex3fv(boxv2);  
  27. glVertex3fv(boxv3);  
  28.   
  29. glColor4f(1.0, 1.0, 0.0, ALPHA);  
  30. glVertex3fv(boxv0);  
  31. glVertex3fv(boxv4);  
  32. glVertex3fv(boxv5);  
  33. glVertex3fv(boxv1);  
  34. glColor4f(0.0, 1.0, 1.0, ALPHA);  
  35. glVertex3fv(boxv2);  
  36. glVertex3fv(boxv6);  
  37. glVertex3fv(boxv7);  
  38. glVertex3fv(boxv3);  
  39. glColor4f(1.0, 0.0, 0.0, ALPHA);  
  40. glVertex3fv(boxv4);  
  41. glVertex3fv(boxv5);  
  42. glVertex3fv(boxv6);  
  43. glVertex3fv(boxv7);  
  44. glColor4f(1.0, 0.0, 1.0, ALPHA);  
  45. glVertex3fv(boxv0);  
  46. glVertex3fv(boxv3);  
  47. glVertex3fv(boxv7);  
  48. glVertex3fv(boxv4);  
  49. glColor4f(0.0, 1.0, 0.0, ALPHA);  
  50. glVertex3fv(boxv1);  
  51. glVertex3fv(boxv5);  
  52. glVertex3fv(boxv6);  
  53. glVertex3fv(boxv2);  
  54. glEnd();  
  55. glColor3f(1.0, 1.0, 1.0);  
  56. glBegin(GL_LINES);  
  57. glVertex3fv(boxv0);  
  58. glVertex3fv(boxv1);  
  59. glVertex3fv(boxv1);  
  60. glVertex3fv(boxv2);  
  61. glVertex3fv(boxv2);  
  62. glVertex3fv(boxv3);  
  63. glVertex3fv(boxv3);  
  64. glVertex3fv(boxv0);  
  65. glVertex3fv(boxv4);  
  66. glVertex3fv(boxv5);  
  67. glVertex3fv(boxv5);  
  68. glVertex3fv(boxv6);  
  69. glVertex3fv(boxv6);  
  70. glVertex3fv(boxv7);  
  71. glVertex3fv(boxv7);  
  72. glVertex3fv(boxv4);  
  73. glVertex3fv(boxv0);  
  74. glVertex3fv(boxv4);  
  75. glVertex3fv(boxv1);  
  76. glVertex3fv(boxv5);  
  77. glVertex3fv(boxv2);  
  78. glVertex3fv(boxv6);  
  79. glVertex3fv(boxv3);  
  80. glVertex3fv(boxv7);  
  81. glEnd();  
  82. };//drawCube   
  83. void CubeView::draw() {  
  84. if (!valid()) {  
  85. glLoadIdentity(); glViewport(0,0,w(),h());  
  86. glOrtho(-10,10,-10,10,-20000,10000); glEnable(GL_BLEND);  
  87. glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);  
  88. }  
  89. glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);  
  90. glPushMatrix(); glTranslatef(xshift, yshift, 0);  
  91. glRotatef(hAng,0,1,0); glRotatef(vAng,1,0,0);  
  92. glScalef(float(size),float(size),float(size)); drawCube();  
  93. glPopMatrix();  
  94. };  

11.5.2 CubeViewUI类

我们将使用FLUID构造一个完整的窗口来显示和控制上一节定义的CubeView类。

定义CubeViewUI类

启动FLUID之后,在FLUID中定义类的第一步是通过菜单New->Code->Class创建一个新的类。将类命名为CubeViewUI,让子类空着。我们并不需要这个窗口的任何继承,你应该可以在FLUID浏览窗口中看到新类的声明。


图11.3 FLUID定义CubeViewUI

添加类构造函数

在FLUID窗口中点击CubeViewUI类,通过选择New->Code->Function/Method添加一个新的方法。函数名也是CubeViewUI,FUILD知道这是类的构造函数,因此将产生相应的代码。确保你声明的构造函数为公共(public)访问方式。

      然后在CubeViewUI类中加入一个窗口。FLUID浏览窗口中在高亮显示构造函数名,然后点击New->Group->Window。使用类似的方式在CubeViewUI中加入如下对象。

l      水平滚轴hrot

l      垂直滚轴vrot

l      水平滑动块xpan

l      垂直滑动块ypan

l      水平值滑动块zoom

所有这些加入的对象都不用是公共的,而且他们也不应该是公共的,除非你计划将它们作为CubeViewUI的接口的一部分。

      当你完成之后,你应该有这样一些东西:


图11.4 包含CubeView演示的FLUID窗口

我们稍后将讨论图中高亮显示的show()方法.

添加CubeView构件

我们目前所有的已经很好了,但是对于显示立方体似乎还不够。我们已经定义了CubeView类,我们要将它显示在CubeViewUI中。

CubeView类继承自Fl_Gl_Window类,而Fl_Gl_Window则继承自Fl_Box。使用New->Other->Box在主窗口中添加一个矩形框。然而这不是一个普通的框。【??】框的属性窗口将会出现。让CubeViewUI显示CubeView的关键在于在Class文本输入框中输入CubeView。这就告诉FLUID这不是一个Fl_Box而是一个类似的构造函数为该名字的构件。【??】

      在Extra Code域中输入:#include “CubeView.h”

这个#include很重要,应为我们刚刚将CubeView作为一个成员包含进了CubeViewUI中,所以所有的CubeView的公共方法在CubeViewUI中都是可见的。


图11.5 CubeView的方法

定义回调函数

      所有的在添加CubeView之前定义的构件都可以拥有调用CubeView方法的回调函数。你可以调用外部函数或者在构件面板的Callback域中放入一小部分代码。例如:ypan滑动块的回调如下:

Cube->pany(((Fl_Slider*)o)->value());

Cube->redraw();

当改变值之后我们调用cube->redraw()来更新CubeView窗口。CubeView可以很容易的通过这种方式修改,但是更好的方式是将它暴露出来【意思应该是作为一个接口函数吧?】,这样的话你就可以在多个视图改变时只重绘一次,从而节省大量的时间。【译注:这句好长,没大看懂,应该就是这么个意思】

没有理由不等待直到你已经加入了CubeView来进入回调【译注:不会翻译,原文:There is no reason no wait until after youhave added CubeView to enter these callbacks.】。FLUID假设你足够聪明,不会使用不存在的成员或者函数。

加入类方法

      你可以在FLUID中加入与GUI无关的类方法。作为一个例子加入一个显示函数以便CubeViewUI可以在屏幕上显示出来。

      确保CubeViewUI的最顶层已经选中,然后选择:New->Code->Function/Method。就用名字show()。我们这里不需要返回值而且我们也不会在该方法中加入任何构件,所以FLUID将函数返回值设为void类型。


图11.6 CubeViewUI显示函数

一旦新的方法已经加入,选中它的名字然后选择New->Code->Code,在代码窗口中输入方法的实现代码。

11.5.3 加入构造函数的初始化代码

如果你需要加入代码初始化类,例如:设置CubeView的水平垂直角度初始值。你可以选中构造函数,选择New->Code->Code。加入需要的代码。

11.5.4 生成代码

      现在我们已经完整定义了CubeViewUI,我们需要生成代码。只需最后一招就可以完成所有工作。从Edit->Preference打开偏好对话框。

      在对话框的底部是关键:”IncludeHeader from Code”.选择该选项,然后设置你想要的文件扩展名和业务【??】。你可以包含CubeViewUI.h(或者任何你想要的扩展名)asyou would any other C++ class.【译注:不会翻译,实在看不明白,感觉语法不通??】。