首页 > 代码库 > 自定义QT窗口部件外观之QStyle
自定义QT窗口部件外观之QStyle
自定义QT窗口部件外观
重新定义Qt内置窗口部件的外观常用的方法有两种：一是通过子类化QStyle 类或者预定义的一个样式，例如QWindowStyle，来定制应用程序的观感；二是使用Qt样式表。
QStyle 类的使用
1. 准备必要的背景图片。在你想添加自定义风格的工程目录下新建一个文件夹“images”，将背景图片等放入文件夹“images”。
2. 点击Qt Creator的“文件”->“新建文件或工程”->模板选择“Qt”，再选择Qt资源文件->点击“选择”按钮->输入名称->点击“下一步”->点击“完成”。
3. 双击打开Qt Creator的项目管理器中的“**.qrc”资源文件，单击“添加”->“添加前缀”，将前缀名“/new/***”更名为“/”->再次单击“添加”->“添加文件”->将工程目录下“images”文件夹的图片添加进来。保存并关闭资源管理器。
4. 下面开始创建样式子类。新建C++类，命名为myStyle。
5. 修改头文件“mystyle.h”。头文件修改好后如下：
#include<QtGui>
#include<QPalette>
#include<QMotifStyle>
classmyStyle:publicQMotifStyle
{
Q_OBJECT
public:
myStyle();
//以下三个函数在装载Style和卸载Style时调用,它可以是适当修改窗口部件和调色板
voidpolish(QPalette&palette);//改变调色板为样式指定的颜色调色板
voidpolish(QWidget*widget);//初始化给定窗口部件的外观,窗口部件每一次创建后首次显示之前调用
voidunpolish(QWidget*widget);//取消polish()的作用
intpixelMetric(PixelMetricmetric,constQStyleOption*option,
constQWidget*widget)const;//设置各部件的线宽，大小等
intstyleHint(StyleHinthint,constQStyleOption*option,
constQWidget*widget,QStyleHintReturn*returnData)const;//分别设置各种部件的布局，比如checkbox的text在左边或者在右边
voiddrawPrimitive(PrimitiveElementelement,constQStyleOption*option,
QPainter*painter,constQWidget*widget)const;
//这个则是最重要的，在这里面可以实现对不同部件的原始元素的绘制，当然你也可以调用默认的方法.element这个参数就是我们需要重绘的部件的原始元素
voiddrawControl(ControlElementelement,constQStyleOption*option,
QPainter*painter,constQWidget*widget)const;
};
我们这里用QMotifStyle类作为基类，当然你也可以采用其他预定义的样式作为基类。至于选择哪个基类来继承完全取决用户，通常选择和自己所期望的最相近的类来继承。这里贴一个图，主要是继承层次的图：
6. 实现文件“mystyle.cpp”的函数定义。
voidmyStyle::polish(QPalette&palette)
{
QColorbrown(212,140,95);//褐色
QColorslightlyOpaqueBlack(0,0,0,63);
QColorveryLightGreen(204,232,215);//浅绿色
QPixmapbackgroundImage(":/images/bgPortrait.jpg");
QPixmapbuttonImage(":/images/wood.jpg");
QPixmapmidImage=buttonImage;//滑动条背景
QPainterpainter;//画笔
painter.begin(&midImage);
painter.setPen(Qt::NoPen);
painter.fillRect(midImage.rect(),slightlyOpaqueBlack);
painter.end();
palette=QPalette(brown);//调色板
palette.setBrush(QPalette::BrightText,Qt::white);
palette.setBrush(QPalette::Base,veryLightGreen);//设置输入框背景
palette.setBrush(QPalette::Highlight,Qt::darkGreen);//设置鼠标选中的背景色为深绿色
palette.setBrush(QPalette::Button,buttonImage);//设置按钮背景
palette.setBrush(QPalette::Mid,midImage);//设置滑动条背景
palette.setBrush(QPalette::Window,backgroundImage);//设置应用程序背景
QBrushbrush=palette.background();
brush.setColor(brush.color().dark());
palette.setBrush(QPalette::Disabled,QPalette::WindowText,brush);
palette.setBrush(QPalette::Disabled,QPalette::Text,brush);
palette.setBrush(QPalette::Disabled,QPalette::ButtonText,brush);
palette.setBrush(QPalette::Disabled,QPalette::Base,brush);
palette.setBrush(QPalette::Disabled,QPalette::Button,brush);
palette.setBrush(QPalette::Disabled,QPalette::Mid,brush);
}
应用程序的颜色外观主要在这个函数设定，至于可以设置哪些外观，请参考Qt帮助文档的 “QPalette::ColorRole”部分。
voidmyStyle::polish(QWidget*widget)
{
if(qobject_cast<QPushButton*>(widget)
||qobject_cast<QComboBox*>(widget))
widget->setAttribute(Qt::WA_Hover,true);
//鼠标进入或者离开窗口部件所在区域时，会产生一个绘制事件
}
voidmyStyle::unpolish(QWidget*widget)
{
if(qobject_cast<QPushButton*>(widget)
||qobject_cast<QComboBox*>(widget))
widget->setAttribute(Qt::WA_Hover,false);
}
intmyStyle::pixelMetric(QStyle::PixelMetricmetric,
constQStyleOption*option,constQWidget*widget)const
{
switch(metric)
{
casePM_ComboBoxFrameWidth:
return6;
casePM_ScrollBarExtent:
returnQMotifStyle::pixelMetric(metric,option,widget)+4;
default:
returnQMotifStyle::pixelMetric(metric,option,widget);
}
}
intmyStyle::styleHint(QStyle::StyleHinthint,
constQStyleOption*option,constQWidget*widget,
QStyleHintReturn*returnData)const
{
switch(hint)
{
caseSH_DitherDisabledText:
returnint(false);
caseSH_EtchDisabledText:
returnint(true);
default:
returnQMotifStyle::styleHint(hint,option,widget,returnData);
}
}
voidmyStyle::drawPrimitive(QStyle::PrimitiveElementelement,
constQStyleOption*option,QPainter*painter,constQWidget*widget)const
{
QMotifStyle::drawPrimitive(element,option,painter,widget);
}
这里采用的是默认的绘制函数，如果要改变PushButton等部件的形状外观，请上网查阅相关资料或查阅相关书籍。
voidmyStyle::drawControl(QStyle::ControlElementelement,
constQStyleOption*option,QPainter*painter,constQWidget*widget)const
{
QMotifStyle::drawControl(element,option,painter,widget);
}
这里也是采用默认的绘制函数。
7. 修改“main.cpp”文件。首先添加 #include"mystyle.h"
然后在main函数中添加QApplication::setStyle(newmyStyle);
这样，自定义样式的工作就全部完成了。这里只是对QStyle类的使用做了简单介绍。你也可以参考Qt的Demo例子“styles”。如需详细了解自定义样式的相关知识，请访问网站http://doc.trolltech.com/4.3/style-reference.html
http://blog.csdn.net/liuguangzhou123/article/details/7458450
自定义QT窗口部件外观之QStyle