电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 用QT创建新风格Howto（1） [打印本页]

作者: look_w 时间: 2018-5-7 18:41 标题: 用QT创建新风格Howto（1）

1．Qt的风格a)       Qt简介
Qt是一个跨平台的C++图形用户界面应用程序开发库，使用Qt可以开发出高质量的图形用户接口，它是完全面向对象的、易于扩展且允许真正的组件编程。Qt获得了很大的成功，特别是它的信号-槽机制是非常值得研究的通信机制，它也是Linux发行版标准组件KDE(K Desktop Enviroment)的基础。
b) 风格机制
Qt的风格机制实现了不同平台上的图形用户接口（GUI）的观感（look and feel）,例如Windows平台上通常使用Windows或Windows-xp风格，而Unix平台上通常使用Motif、CDE风格。
下图显示了Qt中与风格相关的类的继承关系

QStyle是所有风格类的基类，它控制着所有的部件（widget即windows编程中的控件）的界面风格或观感，它定义了大量的枚举类型和十几个函数。枚举类型表示界面上的不同元素（如组合框中的按钮，按钮的边框等）；函数控制图形用户界面的绘制，但大多数函数基本上只是一些声明而没有函数实现，他们的实现在QCommonStyle、QWindowStyle、QMotifStyle及其子类中。QStyle只实现了3个函数drawItem(), itemRect(), visualRect()。
drawItem(): 负责绘制文本和象素图。
itemRect(): 返回文本或图像所占的区域。
visualRect(): 返回逻辑坐标，这个函数使Qt实现right-to-left风格（阿文、维文传统是文本从右向左显示，因此控件布局也是从右向左）。如下图所示：

可以看到菜单、工具条是右对齐、单选框的按钮在右边
c)       创建新风格的步骤
在Qt中实现一种新风格的步骤很简单：只需选择一个风格类（如QCommonStyle或QStyle）作为父类，然后实现感兴趣的函数即可。难点在于函数的实现。
选择父类：可以选择QStyle, QCommonStyle, QWindowStyle, QMotifStyle以及他们的子类的任意一个作为父类。通常可以选择QWindowsStyle或QMotifStyle，也可以选择QCommonStyle甚至是QStyle，但是工作量会比较大，因为很多界面的细节需要自己实现。
重新实现必要的函数：想修改界面风格的哪部分，就重新实现与绘制那部分相关的函数，下面解释一下我们要重载的QStyle中的几个函数，这几个函数控制着图形用户界面上不同元素的布局和观感。
1）void drawPrimitive( PrimitiveElement pe,                        QPainter *p,                      const QRect & r,                      const QColorGroup & cg,                      SFlags flags = Style_Default,                      const QStyleOption &opt = QStyleOption:

efault ) ;功能：绘制基本图形元素，如QSpinBox中的带箭头的按钮

等。
参数： PrimitiveElement pe: 这个枚举型变量表示将要绘制的基本图形界面元素（这里说的基本图形用户界面元素指GUI中不可再分的一个原子元素，如组合框

中的这个绘有黑色三角形的按钮，spinBox中的按钮

QPainter *p：指向QPainter类的指针，Qt中的所有绘制操作不管是绘制文本、图形还是图像都由这个类来处理。
QRect &r: 表示一个矩形区域，Qt在这个区域中绘制基本界面元素（PrimitiveElement）.
QColorGroup &cg: QColorGroup表示一个部件(widget)的颜色组（color group），color group含有部件绘制自己时使用的各种颜色，譬如前景色背景色等。下图展示了color group中的各种颜色属性

SFlags flags: 控制如何绘制图形界面元素的标志。
QStyleOption &opt: 绘制不同的部件(widget)时会需要不同的参数，如绘制面板（panel）可能需要线宽作为额外参数而绘制焦点矩形（focus rect）可能需要背景色作为额外参数，所以Qt专门提供了一个类QStyleOption来封装不同的widget可能需要的不同的参数，opt指向这样一个类的对象。
2）void drawComplexControl( ComplexControl control, QPainter *p, const QWidget *widget, const QRect &r, const QColorGroup &cg, SFlags flags = Style_Default, SCFlags controls = QStyle::SC_All, SCFlags active = QStyle::SC_None, const QStyleOption& opt = QStyleOption:

efault)功能：绘制复杂控制部件（widget）如SpinWidget，comboBox，slider，listView等
参数：
ComplexControl control：是一个枚举量，表示将要绘制的复杂控制部件（widget）如组合框、列表框等。
QPainter *p：指向QPainter的指针，Qt中的所有绘制操作不管是绘制文本、图形还是图像都由这个类来处理。
QWidget *widget：指向QWdget或其子类的指针，可以根据上面control的值转变（cast）成合适的类型，例如如果要绘制QSpinWidget，那么control取值为CC_SpinWidget,而widget指向一个QSpinWidget(QWidget的子类)的实例（instance）。使用这个变量可以访问QSpinWidget的成员函数和成员变量，譬如可以调用QSpinWidget的sizeHint函数获得这个部件的缺省大小（一个矩形空间）。
QRect &r: 表示一个矩形区域，Qt在这个区域中绘制控件或其子部件。
QColorGroup &cg: QColorGroup表示一个部件(widget)的颜色组（color group），color group含有部件绘制自己时使用的各种颜色，譬如前景色背景色等。
SFlags flags: 控制如何绘制图形界面元素的标志
SCFlags controls表示绘制复杂控制部件control的哪个子部件，缺省为SC_All,即绘制整个control而不是其某个子部件（注意control, controls是两个不同的参数）
QStyleOption &opt: 在绘制不同的部件时可能需要不同的额外的参数，这个变量在绘制不同的widget时提供不同的信息。
3) QRect querySubControlMetrics(ComplexControl control,                   const QWidget* widget,                SubControl sc,                const QStyleOption&                = QStyleOption:

efault)功能：获取子部件的坐标和尺寸信息。这个函数控制着一个复杂控件的布局，重载这个函数可以使的组合框的下拉按钮绘制在左边而不是默认的右边。
参数：
ComplexControl control: 枚举量，表示将要绘制的复杂控制部件（widget）如组合框、列表框等。
QWidget *widget：指向QWidget或其子类的指针，可以根据上面control的值转变（cast）成合适的类型，例如如果要绘制QSpinWidget，那么control取值为CC_SpinWidget,而widget指向一个QSpinWidget(QWidget的子类)的实例。使用这个变量可以访问QSpinWidget的成员函数和成员变量，譬如可以调用QSpinWidget的sizeHint函数获得这个部件的缺省大小（一个矩形空间）。
SubControl sc：枚举量，一个复杂部件可能由多个的子部件组成，使用sc变量说明要获取那个子部件的坐标和尺寸信息。
QStyleOption &opt: 计算不同部件的尺寸时可能需要不同的额外信息,QStyleOption封装了这些信息。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)