QStyle类&&委托

系统管理员 2022-09-17 14:23 121阅读 0赞

建一个自定义的样式有两种方法：

一种是静态的创建就是继承已有的类，然后实现虚函数。另外一种就是使用QProxyStyle。

基础类的介绍：

QStyle基类，它派生出了:  
QMotifStyle ,QWindowsStyle,QCDEStyle,QCleanlooksStyle ,QPlastiqueStyle,QWindowsXPStyle等等样式,QMacStyle在Windows平台下无法使用,

首先我们从他们派生自己的类：例如：**class  myStyle: public QMotifStyle\{\};**

然后重载其中几个重要的要使用的函数。

最后使用：在main函数中return exec()之前添加这么一句：qApp->setStyle(new myStyle);//设置整个应用的样式

也可以通过QWidget::setStyle()函数为单个窗口部件设置样式。

※整个应用的样式可以通过QApplication::setStyle()函数设置。它也可以被用户使用-style命令行参数指定：  
   **./myapplication -style myStyle**  
※如果没有指定样式，Qt会自动为用户平台或者是桌面环境选择最适合的样式。  
※我们也可以通过QWidget::setStyle()函数为单个窗口部件设置样式。

//以下三个函数在装载Style和卸载Style时调用,它可以是适当修改窗口部件和调色板

void polish(QPalette &palette);

void polish(QWidget *widget);

void unpolish(QWidget *widget);

//设置各部件的线宽，大小等

int pixelMetric(PixelMetric metric, const QStyleOption *option,const QWidget *widget) const;

//分别设置各种部件的布局，比如checkbox的text在左边或者在右边

int styleHint(StyleHint hint, const QStyleOption *option,const QWidget *widget, QStyleHintReturn *returnData) const;

//这个则是最重要的，在这里面你要实现对不同部件的绘制，当然你也可以调用默认的方法.

void drawPrimitive(PrimitiveElement element, const QStyleOption *option,QPainter *painter, const QWidget *widget) const;

大部分的QStyle函数使用四个参数：\*一个枚举值，用来指定绘制哪一个图形元素；\*一个QStyleOption参数，指定如何、在哪里渲染该图形元素；\*一个QPainter，用来绘制该图形元素；\*一个QWidget，指定将在哪里绘制该图形元素(可选参数)。

**元素视图的样式****视图中元素的绘制是通过代理（委托）实现的。**Qt默认的代理，QStyleDelegate，也用于计算矩形元素的边框，以及它们的子元素用于不同元素的数据类型QStyleItemDelegate的支持。

委托：就是对视图中显示的项的外观进行完全控制，或者允许对可编辑项提供自己的编辑器或者二者兼备。不同于经典的 Model-View-Controller（MVC）模式，model/view没有将用户交互部分完全分离。一般地，视图将数据向用户进行展示并且处理通用的输入。但是，对于某些特殊要求（比如这里的要求必须输入数字），则交予委托完成。这些组件提供输入功能，同时也能渲染某些特殊数据项。委托的接口由 QAbstractItemDelegate定义。在这个类中，委托通过 paint()和 sizeHint()两个函数渲染用户内容（也就是说，你必须自己将渲染器绘制出来）。为使用方便，从 4.4开始，Qt  提供了另外的基于组件的子类：QItemDelegate和 QStyledItemDelegate。默认的委托是 QStyledItemDelegate。二者的区别在于绘制和向视图提供编辑器的方式。QStyledItemDelegate使用当前样式绘制，并且能够使用 Qt Style Sheet（我们会在后面的章节对 QSS进行介绍），因此我们推荐在自定义委托时，使用 QStyledItemDelegate作为基类。不过，除非自定义委托需要自己进行绘制，否则，二者的代码其实是一样的。

继承 QStyledItemDelegate需要实现以下几个函数：

· createEditor()：返回一个组件。该组件会被作为用户编辑数据时所使用的编辑器，从模型中接受数据，返回用户修改的数据。（//创建你编辑时候的控件）

· setEditorData()：提供上述组件在显示时所需要的默认值。（//编辑的时候设置数据到上面创建的editor中）

· updateEditorGeometry()：确保上述组件作为编辑器时能够完整地显示出来。(//设置编辑控件的位置和大小。样式等)

·setModelData()：返回给模型用户修改过的数据。（//编辑完成，保存数据到data中）

To render an item in a custom way, you must implement paint() and sizeHint(). The QItemDelegate class provides default implementations for these functions; if you do not need custom rendering, subclass that class instead.

We give an example of drawing a progress bar in items; in our case for a package management program.

![Center][]

We create the WidgetDelegate class, which inherits from QStyledItemDelegate. We do the drawing in the paint() function:

void WidgetDelegate::paint(QPainter \*painter, const QStyleOptionViewItem &option, const QModelIndex &index) const \{ if (index.column() == 1) \{ int progress = index.data().toInt(); QStyleOptionProgressBar progressBarOption; progressBarOption.rect = option.rect; progressBarOption.minimum = 0; progressBarOption.maximum = 100; progressBarOption.progress = progress; progressBarOption.text = QString::number(progress) + "%"; progressBarOption.textVisible = true; QApplication::style()->drawControl(QStyle::CE\_ProgressBar, &progressBarOption, painter); \} else QStyledItemDelegate::paint(painter, option, index); \}

在paint()可能用到的绘制函数：

void QStyle::drawItemPixmap(QPainter \** painter*, const QRect &*rectangle*, int* alignment*, const QPixmap &* pixmap*) const\[virtual\]

void QStyle::drawItemText(QPainter \** painter*, const QRect &*rectangle*, int* alignment*, const QPalette &* palette*, bool* enabled*, const QString &* text*, QPalette::ColorRole* textRole* = QPalette::NoRole) const \[virtual\]

void QStyle::drawControl(ControlElement* element*, constQStyleOption \** option*, QPainter \** painter*, const QWidget \**widget* = 0) const \[pure virtual\]

void QStyle::drawComplexControl(ComplexControl* control*, constQStyleOptionComplex \** option*, QPainter \** painter*, constQWidget \** widget* = 0) const \[pure virtual\]

继承QItemDelegate之后要用到的。

<table> 
 <tbody> 
 <tr> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; text-align:right; padding-bottom:3px; padding-left:10px; padding-right:5px; padding-top:3px"> void</td> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; padding-bottom:3px; padding-left:0px; padding-right:15px; padding-top:3px"> <a style="text-align:left; color:rgb(0,115,48); text-decoration:none" rel="nofollow">drawBackground</a>(QPainter *&nbsp;painter, const QStyleOptionViewItem &amp;&nbsp;option, const QModelIndex &amp;&nbsp;index) const</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; text-align:right; padding-bottom:3px; padding-left:10px; padding-right:5px; padding-top:3px"> virtual void</td> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; padding-bottom:3px; padding-left:0px; padding-right:15px; padding-top:3px"> <a style="text-align:left; color:rgb(0,115,48); text-decoration:none" rel="nofollow">drawCheck</a>(QPainter *&nbsp;painter, const QStyleOptionViewItem &amp;&nbsp;option, const QRect &amp;&nbsp;rect, Qt::CheckState&nbsp;state) const</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; text-align:right; padding-bottom:3px; padding-left:10px; padding-right:5px; padding-top:3px"> virtual void</td> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; padding-bottom:3px; padding-left:0px; padding-right:15px; padding-top:3px"> <a style="text-align:left; color:rgb(0,115,48); text-decoration:none" rel="nofollow">drawDecoration</a>(QPainter *&nbsp;painter, const QStyleOptionViewItem &amp;&nbsp;option, const QRect &amp;&nbsp;rect, const QPixmap &amp;&nbsp;pixmap) const</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; text-align:right; padding-bottom:3px; padding-left:10px; padding-right:5px; padding-top:3px"> virtual void</td> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; padding-bottom:3px; padding-left:0px; padding-right:15px; padding-top:3px"> <a style="text-align:left; color:rgb(0,115,48); text-decoration:none" rel="nofollow">drawDisplay</a>(QPainter *&nbsp;painter, const QStyleOptionViewItem &amp;&nbsp;option, const QRect &amp;&nbsp;rect, const QString &amp;&nbsp;text) const</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; text-align:right; padding-bottom:3px; padding-left:10px; padding-right:5px; padding-top:3px"> virtual void</td> 
 <td style="border-bottom:rgb(204,204,204) 1px dotted; padding-bottom:3px; padding-left:0px; padding-right:15px; padding-top:3px"> <a style="text-align:left; color:rgb(0,115,48); text-decoration:none" rel="nofollow">drawFocus</a>(QPainter *&nbsp;painter, const QStyleOptionViewItem &amp;&nbsp;option, const QRect &amp;&nbsp;rect) const</td> 
 </tr> 
 </tbody> 
</table>

※※注意最后要是加上委托之后没有出现预想的画面，这有可能是需要再调用一次：

void*paint*(QPainter\*painter,constQStyleOptionViewItem&option,constQModelIndex&index)const

**对可编辑项提供自己的编辑器的例子：Qt自带例子**

[http://qt-project.org/doc/qt-4.8/itemviews-spinboxdelegate.html][http_qt-project.org_doc_qt-4.8_itemviews-spinboxdelegate.html]

不错的关于委托的博客：[http://qimo601.iteye.com/blog/1539147][http_qimo601.iteye.com_blog_1539147]

参考：[http://blog.csdn.net/chenlong12580/article/details/7428578][http_blog.csdn.net_chenlong12580_article_details_7428578]

[ http://blog.csdn.net/playstudy/article/details/7897577][http_blog.csdn.net_playstudy_article_details_7897577]

[Center]: /images/20220828/75349f49801446ee8270d37ecd5b7038.png
[http_qt-project.org_doc_qt-4.8_itemviews-spinboxdelegate.html]: http://qt-project.org/doc/qt-4.8/itemviews-spinboxdelegate.html
[http_qimo601.iteye.com_blog_1539147]: http://qimo601.iteye.com/blog/1539147
[http_blog.csdn.net_chenlong12580_article_details_7428578]: http://blog.csdn.net/chenlong12580/article/details/7428578
[http_blog.csdn.net_playstudy_article_details_7897577]: http://blog.csdn.net/playstudy/article/details/7897577