麻豆av一区二区三区,欧美主播一区二区三区,国产日韩精品视频一区二区三区

暗金装备 — Sun, 13 Sep 2009 23:00:00 GMT

1�Q�Qt的风�?/strong>
　　a) Qt��?br style="word-break: break-all; line-height: normal; ">　　Qt是一个跨�q�_��的C++囑�Ş用户界面应用�E�序开发库�Q��用Qt可以开发出高质量的囑�Ş用户接口�Q�它是完全面向对象的、易于扩展且允许真正的组件编�E�。Qt获得了很大的成功�Q�特别是它的信号-槽机制是非常值得研究的通信机制�Q�它也是Linux发行版标准组件KDE(K Desktop Enviroment)的基��?br style="word-break: break-all; line-height: normal; ">　　
　　b) 风格机制
　　Qt的风格机制实��C��不同�q�_��上的囑�Ş用户接口�Q�GUI�Q�的观感�Q�look and feel�Q?例如Windows�q�_��上通常使用Windows或Windows-xp风格�Q�而Unix�q�_��上通常使用Motif、CDE风格�?br style="word-break: break-all; line-height: normal; ">　　
　　下图昄��了Qt中与风格相关的类的��承关�p?br style="word-break: break-all; line-height: normal; ">　　　
　　QStyle是所有风格类的基�c�，它控制着所有的部�g�Q�widget即windows�~�程中的控�g�Q�的界面风格或观感，它定义了大量的枚丄��型和十几个函数。枚丄��型表�C�界面上的不同元素（如组合框中的按钮�Q�按钮的�Ҏ��{�）�Q�函数控制图形用��L��面的�l�制�Q�但大多数函数基本上只是一些声明而没有函数实玎ͼ�他们的实现在QCommonStyle、QWindowStyle、QMotifStyle及其子类中。QStyle只实��C��3个函数drawItem()," itemRect(), visualRect()�?br style="word-break: break-all; line-height: normal; ">　　
　　drawItem(): 负责�l�制文本和象素图�?br style="word-break: break-all; line-height: normal; ">　　itemRect(): �q�回文本或图像所占的区域�?br style="word-break: break-all; line-height: normal; ">　　visualRect(): �q�回逻辑坐标�Q�这个函��C��Qt实现right-to-left风格�Q�阿文、维文传�l�是文本从右向左昄��Q�因此控件布局也是从右向左�Q�。如下图所�C�：
　　　
　　可以看到菜单、工��h��是右寚w��、单选框的按钮在双��
　　
　　c)" 创徏新风格的步骤
　　在Qt中实��C��U�新风格的步骤很��单：只需选择一个风格类�Q�如QCommonStyle或QStyle�Q�作为父�c�，然后实现感兴��的函数卛_��。难点在于函数的实现�?br style="word-break: break-all; line-height: normal; ">　　
　　选择父类�Q�可以选择QStyle, QCommonStyle, QWindowStyle, QMotifStyle以及他们的子�cȝ��L��一个作为父�c�R��通常可以选择QWindowsStyle或QMotifStyle�Q�也可以选择QCommonStyle甚至是QStyle�Q�但是工作量会比较大�Q�因为很多界面的�l�节需要自己实现�?br style="word-break: break-all; line-height: normal; ">　　
　　重新实现必要的函敎ͼ�想修改界面风格的哪部分，��重新实��C��l�制那部分相关的函数�Q�下面解释一下我们要重蝲的QStyle中的几个函数�Q�这几个函数控制着囑�Ş用户界面上不同元素的布局和观感�?br style="word-break: break-all; line-height: normal; ">　　
　　　　　　　　　　　　 1�Q�void drawPrimitive( PrimitiveElement pe,
　　　　　　　　　　　　 QPainter *p,
　　　　　　　　　　　　　　const QRect & r,
　　　　　　　　　　　　　　const QColorGroup & cg,
　　　　　　　　　　　　　　SFlags flags = Style_Default,
　　　　　　　　　　　　　　const QStyleOption &opt = QStyleOption::Default ) ;
　　　　　　　　　　　　　　
　　功能�Q�绘制基本图形元素，如QSpinBox中的带箭头的按钮　�{��?br style="word-break: break-all; line-height: normal; ">　　参数�Q? PrimitiveElement pe: �q�个枚�D型变量表�C�将要绘制的基本囑�Ş界面元素�Q�这里说的基本图形用��L��面元素指GUI中不可再分的一个原子元素，如组合框　中的�q�个�l�有黑色三角形的按钮�Q�spinBox中的按钮　
　　QPainter *p�Q�指向QPainter�cȝ��指针�Q�Qt中的所有绘制操作不��是�l�制文本、图形还是图像都��p��个类来处理�?br style="word-break: break-all; line-height: normal; ">　　QRect &r: 表示一个矩形区域，Qt在这个区域中�l�制基本界面元素�Q�PrimitiveElement�Q?
　　QColorGroup &cg: QColorGroup表示一个部�?widget)的颜色组�Q�color group�Q�，color group含有部�g�l�制自己时��用的各种颜色�Q�譬如前景色背景色等。下囑ֱ��C�Z��color group中的各种颜色属�?br style="word-break: break-all; line-height: normal; ">　　　
　　SFlags" flags: 控制如何�l�制囑�Ş界面元素的标志�?br style="word-break: break-all; line-height: normal; ">　　QStyleOption &opt: �l�制不同的部�?widget)时会需要不同的参数�Q�如�l�制面板�Q�panel�Q�可能需要线宽作为额外参数而绘制焦点矩形（focus rect�Q�可能需要背景色作�ؓ额外参数�Q�所以Qt专门提供了一个类QStyleOption来封装不同的widget可能需要的不同的参敎ͼ�opt指向�q�样一个类的对象�?br style="word-break: break-all; line-height: normal; ">　　
　　
　　2�Q�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::Default)
　　　　　
　　功能�Q�绘制复杂控刉��Ӟ��widget�Q�如SpinWidget�Q�comboBox�Q�slider�Q�listView�{?br style="word-break: break-all; line-height: normal; ">　　
　　参数�Q?br style="word-break: break-all; line-height: normal; ">　　
　　ComplexControl control�Q�是一个枚��N��Q�表�C�将要绘制的复杂控制部�g�Q�widget�Q�如�l�合框、列表框�{��?br style="word-break: break-all; line-height: normal; ">　　QPainter *p�Q�指向QPainter的指针，Qt中的所有绘制操作不��是�l�制文本、图形还是图像都��p��个类来处理�?br style="word-break: break-all; line-height: normal; ">　　QWidget *widget�Q�指向QWdget或其子类的指针，可以�Ҏ��上面control的��D�{变（cast�Q�成合适的�c�d��Q�例如如果要�l�制QSpinWidget�Q�那么control取��gؓCC_SpinWidget,而widget指向一个QSpinWidget(QWidget的子�c?的实例（instance�Q�。��用这个变量可以访问QSpinWidget的成员函数和成员变量�Q�譬如可以调用QSpinWidget的sizeHint函数获得�q�个部�g的缺省大��（一个矩形空��_��?br style="word-break: break-all; line-height: normal; ">　　QRect &r: 表示一个矩形区域，Qt在这个区域中�l�制控�g或其子部件�?br style="word-break: break-all; line-height: normal; ">　　QColorGroup &cg: QColorGroup表示一个部�?widget)的颜色组�Q�color group�Q�，color group含有部�g�l�制自己时��用的各种颜色�Q�譬如前景色背景色等�?br style="word-break: break-all; line-height: normal; ">　　SFlags flags: 控制如何�l�制囑�Ş界面元素的标�?br style="word-break: break-all; line-height: normal; ">　　SCFlags controls表示�l�制复杂控制部�gcontrol的哪个子部�g�Q�缺省�ؓSC_All,即绘制整个control而不是其某个子部�Ӟ��注意control, controls是两个不同的参数�Q?br style="word-break: break-all; line-height: normal; ">　　QStyleOption &opt: 在绘制不同的部�g时可能需要不同的额外的参敎ͼ��q�个变量在绘制不同的widget时提供不同的信息�?br style="word-break: break-all; line-height: normal; ">　　
　　
　　3) QRect querySubControlMetrics(ComplexControl control,
　　　　const QWidget* widget,
　　SubControl sc,
　　const QStyleOption& = QStyleOption::Default)
　　
　　功能�Q�获取子部�g的坐标和��寸信息。这个函数控制着一个复杂控件的布局�Q�重载这个函数可以��的组合框的下拉按钮绘制在左边而不是默认的双��?br style="word-break: break-all; line-height: normal; ">　　
　　参数�Q?br style="word-break: break-all; line-height: normal; ">　　ComplexControl control: 枚�D量，表示��要�l�制的复杂控刉��Ӟ��widget�Q�如�l�合框、列表框�{��?br style="word-break: break-all; line-height: normal; ">　　QWidget *widget�Q�指向QWidget或其子类的指针，可以�Ҏ��上面control的��D�{变（cast�Q�成合适的�c�d��Q�例如如果要�l�制QSpinWidget�Q�那么control取��gؓCC_SpinWidget,而widget指向一个QSpinWidget(QWidget的子�c?的实例。��用这个变量可以访问QSpinWidget的成员函数和成员变量�Q�譬如可以调用QSpinWidget的sizeHint函数获得�q�个部�g的缺省大��（一个矩形空��_��?br style="word-break: break-all; line-height: normal; ">　　SubControl sc�Q�枚��N��Q�一个复杂部件可能由多个的子部�g�l�成�Q��用sc变量说明要获取那个子部�g的坐标和��寸信息�?br style="word-break: break-all; line-height: normal; ">　　QStyleOption &opt: 计算不同部�g的尺寸时可能需要不同的额外信息,QStyleOption��装了这些信息�?br style="word-break: break-all; line-height: normal; ">　　
　　2�Q�创建新风格
　　下面用一个例子来介绍一下创建新风格的整个过�E�，在编�E�之前，先看一下最�l�的�l�果是什么样的�?在Qt内部QSpinBox�c�L��通过QSpinWidget实现�?
　　默认风格的效果：　使用新风格的效果�Q�　
　　可以看到在新风格中我们的SpinBox有了垂直昄��的效果。下面我们按上面说明的步骤来创徏一�U�新的风根{�?br style="word-break: break-all; line-height: normal; ">　　
　　1�Q�选择基类�Q�我们选择QWindowsStyle�c�M��为我们新风格�cȝ��基类�Q�当然也可以选择QMotifStyle�Q�在�q�个例子�U�也可以选择QCommonStyle。一般不��选择QCommonStyle作�ؓ基类�Q�因为QCommonStyle只实��C��一部分界面部�g�Q�如果要实现一个完整的风格�c�，我们需要重新写很多代码�?br style="word-break: break-all; line-height: normal; ">　　
　　2�Q�重载相关的函数�Q�在�q�个例程中我们只修改了spinBox的风��|��实现�q�个部�g�Q�widget�Q�只与QStyle�cȝ��三个函数drawPrimitive, drawComplexControl, qureySubControlMerics相关�Q�所以我们只需重蝲�q�三个函数的相关部分代码.下面对代码中的关键部分做一下注释，不重要的部分省略了。详�l�的代码可以从后面下载�?br style="word-break: break-all; line-height: normal; ">　　
　　�l�制spinbox中按钮的函数�Q?br style="word-break: break-all; line-height: normal; ">　　
　　void CustomStyle::drawPrimitive( PrimitiveElement pe,
　　　　　　　　　　　　　　QPainter * p,
　　　　　　　　　　　　　　　　const QRect & r,
　　　　　　　　　　　　　　　　const QColorGroup & cg,
　　　　　　　　　　　　　　　　SFlags flags,
　　　　　　　　　　　　　　　　const QStyleOption & opt ) const
　　{
　　/*PE_SpinWidgetUp,PE_SpinWidgetDown表示spinBox中的下按钮和上按钮，下面的代码��得这两个按钮中的三角形分别向左和向右*/
　　if ((pe == PE_SpinWidgetUp) || (pe == PE_SpinWidgetDown)){
　　int fw = pixelMetric( PM_DefaultFrameWidth, 0 );//fw表示�Ҏ��宽度�Q�默认�ؓ2
　　QRect br;　//spinBox上按钮的边界矩�Ş不是spinBox的边界矩形�?br style="word-break: break-all; line-height: normal; ">　　br.setRect( r.x() + fw, r.y() + fw, r.width() - fw*2,
　　　　r.height() - fw*2 );
　　p->fillRect( br, cg.brush( QColorGroup::Button ) );
　　int x = r.x(), y = r.y(), w = r.width(), h = r.height();
　　int sw = w-4;
　　int sh = sw/2 + 2;　　　// Must have empty row at foot of arrow
　　int sx = x + w / 2 - sw / 2 - 1;
　　int sy = y + h / 2 - sh / 2 - 1;
　　
　　QPointArray a;
　　/* 讄��三角形的三个点的坐标�Q�修改这三个点可以��得QSpinBox上按钮里的三角型呈现��L��的�Ş�Ӟ��下面的设�|��得三角�Ş表示的箭头分别向左和向右�?/
　　if ( pe == PE_SpinWidgetDown )
　　　　a.setPoints( 3,　0, sh/2,　sw-1, 1,　sw-1, sh-1 );
　　　else
　　　　a.setPoints( 3,　0, 1,　0, sh-1,　sw-1, sh/2 );
　　...........
　　p->drawPolygon( a );　　//�l�制三角�?br style="word-break: break-all; line-height: normal; ">　　}else if((pe == PE_ButtonBevel) || (pe == PE_ButtonCommand) || (pe == PE_ButtonTool) || (pe == PE_ButtonDropDown) || (pe == PE_HeaderSection))
　　　　{ //�l�制按钮的各�U�效果��得看��h��凸�v或凹下�?br style="word-break: break-all; line-height: normal; ">　　　　qDrawShadePanel(p, r, cg, flags & (Style_Sunken | Style_Down | Style_On),
　　1, &cg.brush(QColorGroup::Button));
　　　　}else{
　　/*对于其他基本囑�Ş元素(PrimitiveElement)的绘制我们不作处理只是简单的调用父类的函数�?/
　　QWindowsStyle::drawPrimitive( pe, p, r, cg, flags, opt);
　　　　}
　　}
　　
　　�l�制整个spinBox的函敎ͼ�
　　
　　void CustomStyle::drawComplexControl( ComplexControl control,
　　　　　 QPainter *p,
　　　　　 const QWidget *widget,
　　　　　 const QRect &r,
　　　　　 const QColorGroup &cg,
　　　　　 SFlags flags,
　　　　　 SCFlags controls,
　　　　　 SCFlags active,
　　　　　 const QStyleOption& opt ) const
　　{　　
　　//下面的代码��得spinWidget呈现垂直昄��的风��D��不是通常的水�q�x��C?br style="word-break: break-all; line-height: normal; ">　　if (control == CC_SpinWidget) {
　　const QSpinWidget * sw = (const QSpinWidget *) widget;
　　//�l�制向上按钮部分�Q�controls默认为SC_All�Q�即�l�制整个spinwidget
　　if ( controls & SC_SpinWidgetUp ) {
　　
　　　　if ( sw->buttonSymbols() == QSpinWidget::PlusMinus )
　　pe = PE_SpinWidgetPlus;　// 使用加减受��
　　　　else
　　pe" = PE_SpinWidgetUp;　 // 使用三角形　
　　　　QRect" re = sw->upRect();
　　　　QColorGroup ucg = sw->isUpEnabled() ? cg : sw->palette().disabled();
　　　　drawPrimitive(PE_ButtonBevel, p, re, ucg, flags); //�l�制按钮的边�?br style="word-break: break-all; line-height: normal; ">　　drawPrimitive(pe, p, re, ucg, flags); //�l�制按钮
　　}
　　//�l�制向左按钮部分�?br style="word-break: break-all; line-height: normal; ">　　if ( controls & SC_SpinWidgetDown ) {
　　　/*与绘制向下按钮相�?/
　　}
　　}else{//不处理spinbox之外的其他复杂控刉��Ӟ��调用父类函数处理
　　QWindowsStyle::drawComplexControl(control, p, widget, r, cg, flags, controls, active, opt);
　　　　}
　　}
　　
　　获取部�g�Q�widget�Q�中各个子部件布局信息的函敎ͼ��q�个函数控制着一个widget的外�?br style="word-break: break-all; line-height: normal; ">　　
　　QRect CustomStyle::querySubControlMetrics( ComplexControl control,
　　　　const QWidget *widget,
　　　　SubControl sc,
　　　　const QStyleOption &opt ) const
　　{
　　　　if(control == CC_SpinWidget){
　　　　int fw = pixelMetric( PM_SpinBoxFrameWidth, widget);
　　/*QSize 定义二维对象的大��?也就是宽和高. 坐标�c�d��是QCOORD定义为int)*/
　　QSize bs;　//此处bs表示每个按钮的大��?因�ؓ有两个按钮所以下面除�?.
　　bs.setWidth(widget->width()/2 -fw);
　　if(bs.width() < 8) bs.setWidth(8);
　　/*按钮高度讄��为QMIN{按钮宽度�?.6�? 部�g高度的四分之一}
　　bs.setHeight(　QMIN(bs.width()*8/5, widget->height() / 4) );
　　bs = bs.expandedTo( QApplication::globalStrut() );
　　
　　int x = fw;
　　int y, ly, ry;
　　y = widget->height() - x - bs.height();
　　ly = fw;
　　ry = y - fw;
　　//下面定义了QSpinWidget的各个子部�g的坐标位�|?
　　switch ( sc ) {
　　case SC_SpinWidgetUp:
　　//�q�回向右按钮的坐标信�?br style="word-break: break-all; line-height: normal; ">　　　　return QRect(x + bs.width(), y, bs.width(), bs.height());
　　case SC_SpinWidgetDown:
　　//�q�回向左按钮的坐标信�?br style="word-break: break-all; line-height: normal; ">　　　　return QRect(x, y, bs.width(), bs.height());
　　case SC_SpinWidgetButtonField:
　　//�q�回两个按钮的��d��域大��?br style="word-break: break-all; line-height: normal; ">　　　　return QRect(x, y, widget->width() - 2*fw, bs.height());
　　case SC_SpinWidgetEditField:
　　/*�q�回可编辑框的坐标信�?/
　　　　return QRect(fw, ly, widget->width() - 2*fw, ry);
　　case SC_SpinWidgetFrame:
　　//�q�回整个spinBox的坐标信�?br style="word-break: break-all; line-height: normal; ">　　　　return widget->rect();
　　default:
　　　　break;
　　}
　　　　}else{//其它部�g的布局信息调用父类的函数来处理�?br style="word-break: break-all; line-height: normal; ">　　return QWindowsStyle::querySubControlMetrics(control,widget,sc,opt );
　　　　}
　　　　return QRect();
　　}
　　
　　3�Q��用新风格
　　有两�U�方法��用新风格�Q�一�U�是作�ؓ插�g�Q�一�U�是在应用程序里直接使用。作为插件的风格可以在不用修改代码、不用重新编译的情况下��用新风格。由于本文着重介�l�如何创建风格所以我们��用第一�U�方法。这�U�方法很��单，只需在应用程序中包含相应风格�cȝ��头文�Ӟ��然后把main�Q�）函数�W�一句可执行代码讄��为QApplication::setStyle(new MyStyle())卛_��?br style="word-break: break-all; line-height: normal; ">　　
　　下面我们用一个小例子来看看效果�?br style="word-break: break-all; line-height: normal; ">　　
　　
　　#include
　　#include
　　#include "customstyle.h"
　　int main( int argc, char **argv )
　　{
　　　　QApplication::setStyle(new CustomStyle()); //使用新风格类来绘制界面�?br style="word-break: break-all; line-height: normal; ">　　　　QApplication a( argc, argv );
　　　　QSpinBox spin( 0, 15 );
　　　　spin.resize( 20, 100 );
　　　　a.setMainWidget( &spin );
　　　　spin.show();
　　　　return a.exec();
　　}
　　
　　然后�~�译�q�行卛_��看到效果�?br style="word-break: break-all; line-height: normal; ">　　
　　Ps. qt中编译��用qmake�Q�步骤�ؓ
　　
　　创徏源程�?nbsp;
　　同一目录下运行qmake -project
　　qmake
　　make
　　�q�行可执行程序�?nbsp;
　　
　　4�Q�进一步工�?/strong>
　　1�Q�默认大��：�l�心的朋友可能看��C��面的代码中有一句：spin.resize( 20, 100 )�Q�这一句设�|�spinbox的长度�ؓ20象素�Q�宽度�ؓ100个象素。如果没有这一句的话，昄��的结果会一团糟�Q�两个按钮几乎看不到�Q�因为qt默认的显�C�是水��^昄��而根本没有考虑垂直昄��的情��c�?br style="word-break: break-all; line-height: normal; ">　　
　　如果惌��spinbox在默认情况下看�v来长度窄而宽度高需要修改QSpinBox�c�M��的sizeHint函数�Q�这个函数功能是讄��部�g(widget)的默认尺寸。在qt中几乎每个GUI部�g�c�都有sizeHint�q�个函数来设�|�它自己的默认的长和宽�?br style="word-break: break-all; line-height: normal; ">　　
　　文本垂直昄��Q�在此例中虽然控件spinbox辑ֈ�了垂直显�C�的效果�Q�但是文本仍旧是水��^昄��的，因此要达到真正的垂直昄��需要了解qt的文本显�C�机制。这些工作是很有意义的，因�ؓ有些民族�Q�如蒙文�Q�的语言传统��是垂直昄��的，而现在没有一个真正满��U�需求的�pȝ��。笔者现在正在看qt-x11-free-3.2.2的源码，目前�Ҏ��本显�C�机制只有初步了解，�q�没有真正弄清，非常希望和感兴趣的朋友相互交��、学习�?

转自: http://www.lupaworld.com/?action-viewstutorial-itemid-7178

暗金装备 2009-09-14 07:00 发表评论

QtWidget: 利用Qt4.5新特性实现酷炫透明�H�体

暗金装备 — Fri, 12 Jun 2009 09:27:00 GMT

Qt4.2引入�?span style="color: rgb(0, 0, 128); ">QWidget::setWindowOpacity函数�Q?可以为窗体设�|�透明度， �?.0�?.0之间�Q?��D��越透明�?�l�过讄��的窗体可以整体呈现透明的效果�?但这�U�设�|�比较粗�p�，只能设一个整体的效果�Q?大概只有比如像拖动的时候能用一下，大多数时候都不太实用�?在Qt4.5里引入了新的�H�体透明�Ҏ��，是个Widget的Attribute�Q?叫做Qt::WA_TranslucentBackground�?�q�个属性可以�ؓ每个QWidget单独讄��Q?�q�且透明�E�度可以用绘制的颜色或图片的Alpha Channel值来控制�?/p>
�W�者写了一个例子演�C�其奇妙的效果�?先看一个截图：
�q�个是笔者例子运行出来的效果�Q?背景是www.cuteqt.com雷�h的主��c�?nbsp; 下面��单介�l�一下代码的实现�?/p>
TranslucentBackground控制�H�体透明属�?/strong>
例子�ȝ��面用QWidget�Q?其上攄��四个控�g�Q?上面两个是自定义的QWidget子类�Q?用在paintEvent中绘制了一�q�透明底色的图片，上书“CuteQt”几个大字�Q?下面两个是标准的QLabel控�g�Q?但显�C�出两种不同的效果�?/p>
透明的控件的TranslucentBackground属性�ؓtrue �Q��承了parent的属性）�Q?而非透明的控件则在代码中强制��TranslucentBackground设�ؓ了false�Q?�q�样��造就了有意思的�l�果�?代码片段如下�Q?br>label = new QLabel(”www.cuteqt.com”);
label->setAttribute(Qt::WA_TranslucentBackground, false);
label->setAutoFillBackground(true);
Alpha Channel控制透明�?/strong>
��这个例子稍�E�改动，修改一下窗体背景色的Alpha��|�� 使之展现不同的透明度�?实现的方法是讄��H�体的palette属性，为Background�q�个ColorRole的颜色设�|�了alpha��|�� 代码片段如下�Q?br>QPalette pal = palette();
pal.setColor(QPalette::Background, QColor(255,0,0,200));
setPalette(pal);
下图所�C�Zؓalpha�?00�?00的不同显�C�效果�?/p>
怎么��P�� q�个例子挺有意思吧�Q?赶快下蝲完整的代码学习一下吧�?有�Q何不明白blog或bbs留言�?/p>
translucent.tar.gz
本站所有文章由本站和原作者保留一切权力，仅在保留本版权信息、原文链接、原文作者的情况下允许�{载，转蝲请勿删改原文内容�Q?�q�不得用于商业用途�?谢谢合作�?/div>
原文链接:http://www.cuteqt.com/blog/?p=340

暗金装备 2009-06-12 17:27 发表评论

QtWidget: 自定义Model

暗金装备 — Mon, 01 Jun 2009 01:16:00 GMT

一直觉得Qt里的Model-View概念极其��秘�Q?因�ؓ看过很多一知半解的source code�Q?却��L��咋看咋不懂，急了满头大汗之余不禁感叹 �?老了�Q�脑子不够用了！
�q�两天因为在写rssreader的关�p�，用到了MVC�Q?�ȝ��有点压力学习学习ModelView的奥�U�，而且也小有收莗��?谨以此文献给MVC未入门的学弟学妹�Q?共勉�Q?/p>
先来讲一些必备的背景知识�?在讲MVC时有三个重要且基本的概念贯穿整个学习�q�程�Q�Index�Q?Data和Role�?��׃��Index开始�?/p>
我们见过的View有单列的List�l�构�Q?有树状的层次�l�构�Q�还有两�l�的表格�l�构�Q?归根�l�底�Q�其实这些都是层�ơ结构的变体�?比如下面的图�Q?/p>
从这张图可以清楚的理解上文的观点�?在这几种�l�构中，都有一个隐含的根节点及与根节点联系的层�ơ结构�?��M��一�U�结构中都存在这样一个定式，通过一个父节点及一�l�横�U��标（row,column)卛_��唯一的确定一个子节点�Q?�q�个规律在后面会�l�常用到。Index可以��单的理解成节点的指针�Q?前面说过通过三个要素卛_��唯一的确定一个节点，所以Model提供的获得节点index函数亦即接受row�Q�column和parentindex三个参数�Q?我们在写model旉��先需要实现这样一个函敎ͼ�
�W�二个概念Data��更��单了�Q�View要显�C�数据， ��p��从Model中去获取需要显�C�的数据�Q?传什么参数呢�Q?不用动脑子也想的到咯�Q�Index肯定��一个�?但仅仅Index�q�不够，因�ؓView要显�C�的可能不止一��Ҏ��据，比如我的数据包含文本�Q?包含图标�Q�包含链接甚至一些二�q�制数据�Q?我怎么知道View惌��的是哪个呢？ �q�里��q��到另外一个概念了 �?Role�Q?Role��q��来表�C�View向Model索取哪个�c�d��的数据�?View告诉Model�Q?#8220;我想要A节点下的N行M列数据的昄��文本�Q?我想要A节点下的N行M列数据的图标…”�Q?�q�样Model��清楚的知道应该�q�回什么数据了�?data()函数在这里就充当了返回数据的责�Q�Q�需要我们在实现Model的时候重点实现这个函数�?/p>
目前定义好的Role可以参考下面的图（图中只标��Z��一部分Role�Q?其他的参见文档DisplayRole相关章节�Q�：

作�ؓModel必须军_��为View提供多少数据�Q�提供哪些类型的数据�Q?可以��L��View的请求，也可以忽略它�Q?有很大的自主权�?最��单的实现是不��什么Role都给它返回个字符串就好了。呵��c�?当然作�ؓModel也不能太独断专行�Q�因为毕竟要和View一起工作，一定要与View的需求相配合才行�?/p>
好，有了�q�些知识做基��Q?写个Model出来其实是非常简单的�Q?�E�微用点心就能应付了�Q?首先要选对参考文档，如果是以写代码�ؓ目的�Q?推荐�q�一��：
Creating New Models
要写code的话�q�篇最实用�Q?前面的N多篇都在讲一些概忉|��的内容�Q?大把大把的蚂蚁样的英文看了就头大�Q?�q�是直接看这��比较有效�?��单来说分成几步来做：
�W�一、分析需求，��定基类
先要��定你的数据是列表结构还是层�ơ结构，需要显�C�Z��么样的数据，需不需要支持增删或�~�辑功能�{��?�Ҏ��需求来��定从哪个Model的基�c�L��生，如一个显�C�字�W�串列表的Model可以采用QAbstractListModel�Q?树状层次��只能从QAbstractItemModel开始了�?/p>
�W�二、分析需求，��定需要实现哪些函�?/p>
�Ҏ��需求的不同�Q�需要实现的函数也不��相同�?nbsp;
最��单的只读的列表结构只需要实��C��个基本的函数�Q�rowCount(), data()�Q?也就是只需要知道一共有多少行，每行都显�C�Z��么样的数据即可，十分明了吧？多列的情况下要实现columnCount()�Q?需要显�C�header的要��d��现headerData()�Q?�q�些规则都太�Ҏ��理解了�?/p>
其次�Q�如果是层次列表�Q�则需要确定节点之间的层次关系�Q�就需要实现index()和parent()两个函数�Q?一个是通过父指针和row,column座标��定一个子节点�Q�一个是通过子节点知道它的父指针�?/p>
再次�Q�如果需要修�Ҏ��据，先要通知View我的Model数据是可以被�~�辑的， ��是要实现flags()�q�个函数�Q?此函数返回数据的属性，如可�~�辑、可被选中�{�； �~�辑之后需要一个函数将�~�辑完成的数据传递给Model�Q?所以还要实��C��个setData�Ҏ��?/p>
再再�ơ，需要增删数据的Model�q�要告诉Model的底层：“我要增删数据了！”�Q?“我要增删的数据是。。�?#8221;�Q?�q�有“我增删的操作已经做完了！”�Q?�q�些分别对应�Q�调用beginInsertRows()和endInsertRows()�?�Ҏ��W�者的�l�验�Q�这部分不太好理解，而且�Ҏ��出错�?文档里写的是加数据的时候调用insertRows()�Q�不�q�没有提到说其实在QAbstractItemModel�c�里�q�个函数只是个空架子�Q�根本就没有实现�Q?所以你如果按照文档去调用这个函数通知Model数据加进来了�Q�只能得��C��个return false�Q?不会有�Q何实际的作用�Q?很让人困惑�?正确的做法是在你增删数据的前后加上beginInsertRows和endInsertRows的调用，�q�样底层��p��正确处理数据的变化， �q�且��变化及时的反应到View中�?/p>

上面提到的函数在Creating New Models�q�篇文章中都有具体的例子代码可供参考，�怿�照着例子做一定难不倒大家�?btw�Q�实现函数的时候要注意�Q?函数的声明必��d��文档中所描述的一模一��h��能被调到�Q?�q�也是初学者经�怸�注意的地斏V�?在Qt文档中，下一��就该学习如何��用View和创��q��View了，�q�部分还有待研究�?�{�研�I�好了再撰文汇报�Q?/p>

原文链接:http://www.cuteqt.com/blog/?p=218

暗金装备 2009-06-01 09:16 发表评论

暗金装备 — Thu, 28 May 2009 08:14:00 GMT

Widget::Widget(QWidget *parent)

: QWidget(parent), ui(new Ui::Widget) {

ui->setupUi(this);

connect(ui->button, SIGNAL(clicked()), this, SLOT(setColor()));

QPalette p = palette();

p.setColor(QPalette::Text, QColor(0, 255, 0));

setPalette(p); // 注意�q�里, 修改了widget的调色板, 子窗口ui->lineEdit的颜色变�?

}

Widget::~Widget() {

delete ui;

}

void Widget::setColor() {

QPalette palette = ui->lineEdit->palette();

const QColor &color = QColorDialog::getColor(palette.color(QPalette::Background), this);

if (color.isValid()) {

palette.setColor(QPalette::Highlight, color);

ui->lineEdit->setPalette(palette);

}

}

palette.setColor(QPalette::Highlight, color);
此处:
QPalette::Highlight // 被选中后文字的背景�?
QPalette::HighlightText // 被选中后文字的前景�?
QPalette::Text // 文字的前景色
QPalette::Base // QTextEdit的背景色, 默认是白色的.

Role: Qt中会有一�l�数�? 当取得这些数据时, 使用同样的方法去获取, ��Z��指明是取得哪�U�数�? 所以就定义了Role�q�种概念, 来指明要获取的数据的�c�d��, 例如在View�? 如有昄��的文�? 图标, 真正有用的数�?可能没有昄��出来, 而是在内部存储着), 取得�q�些数据都是用同一个方法data(), 通过指明数据的角色来获得.

所有Qt�H�口部�g都拥有一个QPalette, �q��用它�l�制自己. 应用�E�序�q�有一个调色板, 通过QApplication::palette()来获�? 修改一个窗口部件的调色�? 只媄响这个窗口部件以及子�H�口部�g(不包含子�H�口, 如只是以他作为父对象来管理内�? 而不在他里面昄��), 而修改应用程序的调色�? 会媄响到该应用程序的所有窗口部�?/p>

暗金装备 2009-05-28 16:14 发表评论

暗金装备 — Tue, 26 May 2009 03:45:00 GMT

原文链接:http://www.cuteqt.com/blog/?p=232
大家对Trolltech挪威丑֊�的Pimp My Widgets大赛�q�有印象不？ �q�个比赛��埃落定已经有一�D�|��间了�Q?一直想做个记录�Q?和大家分享一下这几个有意思的�E�序�Q?今天�l�于有时间来写写�Q?走过路过不要错过哦～
首先可能有些同学对这个比赛还不了解， ��单介�l�一下�?Pimp My Widgets大赛��L��?#8220;做出最��L��Widget”�Q?评分标准有五个方面：
* Best Use of Qt
* Usefulness
* Coding Creativity
* Portability
* Bling Factor
��译成中文就是要最大限度的利用Qt的功能、写出来的程序非常实用、代码极具创造性、可�U�L��Q�跨�q�_��Q�、酷炫！ �q�次比赛�?8�q�下半年开始至�q�底共历时约两个半月的时��_�� 世界各地的Qt爱好者参与了该比赛�?/p>
下面��来逐个看看优胜者吧�Q?按照中国人的惯例�Q?最好的留在最后，先从一个我觉得比较一般的开始：
�W�一个要介绍的项目叫WebCarousel�Q?作者是Matt Broadstone�?从外表来看是一个界面简�z�的��览器， html解析和显�C�用的Qt自带的Webkit�?其实�q�个��目的重�Ҏ��面切换的功能采用了一个Web Page Carousel�Q?是一个可旋�{的滑动选单�Q?光说大家不好理解�Q?看一个项目截囑ְ�明了了：
��Z��么我说这个项目一般呢�Q?那是因�ؓ�q�个功能不算斎ͼ� 在Qtopia4版本里已�l�有个一模一��L��东西了，我都怀疑这个是不是抄的Qtopia的设计�?不过肯定两者的实现差别�q�是很大的�?�q�个��目用了GraphicsView来实现动��L��果， �q�用了个�W�三方的FadeWidget�?如果你是�W�一个见到有人用Qt写出�q�样的效果来�Q?�q�是会觉得挺炫的�Q?/p>
��目源码下蝲在： http://www.qtsoftware.com/files/pimpmywidgets/pimp-my-widgets-webcarousel
�W�二个项目叫Clocks�Q?作�?strong>Thomas Moenicke�?�q�个��目非常好看�Q?用GraphicsView实现了好几种不同效果的时钟， �q�有淡进淡出的效果， �E�序好还得是��工做的好！看几个截图：
��目源码下蝲在：http://www.qtsoftware.com/files/pimpmywidgets/pimp-my-widgets-clocks
�W�三个项目叫AnalogPad�Q?作�?strong>Kaj Groenholm�Q?�W�者比较喜�Ƣ这个程序，它实��C��一个类似手机键盘的五向操作盘，在桌面上昄��的效果很有意思，有点灉|��的动��L��果，像个�z�L��的小�_��Q?很Cute�Q?呵呵�?估计截图看不��U�效果， �q�是需要下载下来自己实验一下�?截图先来一张，详情下蝲�Q?br>http://www.qtsoftware.com/files/pimpmywidgets/pimp-my-widgets-analogpad
铛铛铛～压��u大戏隆重��d��了～最后要介绍的项目就是本届大奖得主， Jukka-Pekka Maakelaa写的QuickCalendarView�Q?�q�个�E�序大家务必要下载下来亲�w�感受�?它的Look�Q�Feel设计的真是非�怸�错�?�ȝ��面看��h��是个�l�过重新设计的日历界面， �q�不�Ҏ��Q?但是你在�q�个日历上点一点就会发玎ͼ� 它会�Ҏ��你的炚w��发生动态的改变�Q?而且它的动态非常流畅、合理，速度很快�Q?�l�用��L��感觉很好�?截图也许不能说明什么问题，下蝲到这里：http://www.qtsoftware.com/files/pimpmywidgets/pimp-my-widgets-quickcalendarview

大奖名不虚传哦，大家一定要下蝲下来学习一下�h家的设计和实玎ͽ� 大奖得主的奖品是传说中的Segway® i2 Personal Transporter哦～～口水ing�Q?优胜奖也有Nokia的N810带回�Ӟ�� 唉，可惜国内的Qter没有抓住�q�个��Z��啊～～下��?#8230;..�׃��ơ一定努�?#8230;.

暗金装备 2009-05-26 11:45 发表评论

QtWidget: TextFinder(高亮搜烦到的字符�?

暗金装备 — Sun, 24 May 2009 11:36:00 GMT

要在QTextEdit中高亮搜索到的字�W�串, 使用它的QTextDocument和QTextCursor:

void TextFinder::on_findButton_clicked() {

QString searchString = ui_lineEdit->text();

QTextDocument *document = ui_textEdit->document();

bool found = false;

if (isFirstTime == false)

document->undo();

if (searchString == "") {

QMessageBox::information(this, tr("Empty Search Field"),

"The search field is empty. Please enter a word and click Find.");

} else {

QTextCursor highlightCursor(document);

QTextCursor cursor(document);

//***************开�?**************

cursor.beginEditBlock();

QTextCharFormat plainFormat(highlightCursor.charFormat());

QTextCharFormat colorFormat = plainFormat;

colorFormat.setForeground(Qt::red);

while (!highlightCursor.isNull() && !highlightCursor.atEnd()) {

highlightCursor = document->find(searchString, highlightCursor,

QTextDocument::FindWholeWords);

if (!highlightCursor.isNull()) {

found = true;

highlightCursor.movePosition(QTextCursor::WordRight,

QTextCursor::KeepAnchor);

highlightCursor.mergeCharFormat(colorFormat);

}

}

cursor.endEditBlock();

//***************�l�束***************



isFirstTime = false;

if (found == false) {

QMessageBox::information(this, tr("Word Not Found"),

"Sorry, the word cannot be found.");

}

}

}

暗金装备 2009-05-24 19:36 发表评论

QtWidget: 鼠标拖动�H�口(没有标题栏时)

暗金装备 — Sun, 24 May 2009 10:19:00 GMT

void ShapedClock::mousePressEvent(QMouseEvent *event) {

if (event->button() == Qt::LeftButton) {

dragPosition = event->globalPos() - frameGeometry().topLeft();

event->accept();

}

}

void ShapedClock::mouseMoveEvent(QMouseEvent *event) {

if (event->buttons() & Qt::LeftButton) {

move(event->globalPos() - dragPosition);

event->accept();

}

}

const QPoint & QMouseEvent::globalPos () const

Returns the global position of the mouse cursor at the time of the event. This is important on asynchronous window systems like X11. Whenever you move your widgets around in response to mouse events, globalPos() may differ a lot from the current pointer position QCursor::pos(), and from QWidget::mapToGlobal(pos()).

QPoint QWidget::mapToGlobal ( const QPoint & pos ) const

Translates the widget coordinate pos to global screen coordinates. For example, mapToGlobal(QPoint(0,0)) would give the global coordinates of the top-left pixel of the widget.

QPoint QWidget::mapFromGlobal ( const QPoint & pos ) const

Translates the global screen coordinate pos to widget coordinates.

暗金装备 2009-05-24 18:19 发表评论

暗金装备 — Sun, 24 May 2009 09:43:00 GMT

QApplication::setStyle(QStyleFactory::create("plastique"));
QStyle * QStyleFactory::create ( const QString & key ) [static]
使用QApplication::setStyle可以改变应用�E�序的外�? QStyleFactory中提供了几种�l�典的外�?
The valid keys can be retrieved using the keys() function. Typically they include "windows", "motif", "cde", "plastique" and "cleanlooks". Depending on the platform, "windowsxp", "windowsvista" and "macintosh" may be available. Note that keys are case insensitive.

另外�q�可以创��q��外观风格, �q�个是相当的复杂, 然后使用�?nbsp;QApplication::setStyle(new NorwegianWoodStyle) 来进行加载��用外�? Demo中的widgets/styles例子创徏了一个新的NorwegianWoodStyle外观.

暗金装备 2009-05-24 17:43 发表评论

暗金装备 — Sun, 24 May 2009 09:20:00 GMT
关键使用widget的palette的brush.
int main(int argc, char *argv[]) {

QApplication a(argc, argv);

QWidget *widget = new QWidget();

widget->setAutoFillBackground(true); // �q�句要加�? 否则可能昄��不出背景�?

QPalette palette = widget->palette();

palette.setBrush(QPalette::Window,

   QBrush(QPixmap("1.png").scaled( // �~�放背景�?

   widget->size(),

   Qt::IgnoreAspectRatio,

   Qt::SmoothTransformation))); // 使用�q�x��的羃放方�?/p>
widget->setPalette(palette); // ��x��, 已给widget加上了背景图.

QHBoxLayout *layout = new QHBoxLayout();

layout->addWidget(widget);

QWidget *mw = new QWidget();

mw->setLayout(layout);

mw->resize(500, 500);

//mw->setWindowFlags(Qt::FramelessWindowHint);

mw->show();

return a.exec();
}

暗金装备 2009-05-24 17:20 发表评论

暗金装备 — Sun, 24 May 2009 09:13:00 GMT
关键是��?/strong>
void QWidget::setMask ( const QBitmap & bitmap )
void QWidget::setMask ( const QRegion & region )
void QWidget::setMask ( const QRegion & region ) Causes only the parts of the widget which overlap region to be visible.
只有widget与region重叠的地�Ҏ��会显�C�出�? 自己构造一个QRegion��p��?
void ShapedClock::resizeEvent(QResizeEvent * /* event */) { int side = qMin(width(), height()); QRegion maskedRegion(width() / 2 - side / 2, height() / 2 - side / 2, side, side, QRegion::Ellipse); setMask(maskedRegion); }

void QWidget::setMask ( const QBitmap & bitmap )
Causes only the pixels of the widget for which bitmap has a corresponding 1 bit to be visible. If the region includes pixels outside the rect() of the widget, window system controls in that area may or may not be visible, depending on the platform.
只有在bitmap中像素数据是1的地�Ҏ��会显�C�出widget的相应像素来. Bitmap��是像素数据只有两个�? 0�? (1 bit-depth, monochrome).
QLabel topLevelLabel; QPixmap pixmap(":/images/tux.png"); topLevelLabel.setPixmap(pixmap); topLevelLabel.setMask(pixmap.mask()); // 可以不��用�{换的, 使用一张专门的bitmap囄��.
上面的这些方式用一普通的QWidget��可以了. 当然, 对于�H�口而言, 很多时候我们要把它的标题栏��L��:
widget->setWindowFlags(Qt::FramelessWindowHint);

但是对于不规则的QPushButton��有些特�D? 要��用QIcon来处�?
button->setIcon(QIcon("xxx.png"));
button->setIconSize(w, h);
button->setMask(maskBitmap/*maskedRegion*/);
button->setFixedSize(w, h); // �q�个当然最好��用它的icon的大��?

暗金装备 2009-05-24 17:13 发表评论

暗金装备 — Sun, 24 May 2009 07:27:00 GMT

如图所�C? 当QSpinBox的��gؓ最��值的时�? 不是昄��q�个最��? 而是昄��一个特�D�的字符串用以代替这个最��? 也只是QSpinBox的一个函数调用而已:
void QSpinBox::setSpecialValueText(const QString &specialText);
If set, the spin box will display this text instead of a numeric value whenever the current value is equal to minimum(). Typical use is to indicate that this choice has a special (default) meaning.

暗金装备 2009-05-24 15:27 发表评论

QtWidget: 带有前缀和后�~�的QSpinBox

暗金装备 — Sun, 24 May 2009 07:08:00 GMT

要在QSpinBox的输入区始终昄��有一个如"%"的后�~��?$"的前�~�, 非常��?
只需要简单的调用两个函数卛_��实现:
void QSpinBox::setPrefix(const QString &prefox);
void QSpinBox::setSuffix(const QString &suffix);

暗金装备 2009-05-24 15:08 发表评论