用QT创建新风格: QStyle

1）void drawPrimitive( PrimitiveElement pe,
                      QPainter *p,
                        const QRect & r,
                        const QColorGroup & cg,
                        SFlags flags = Style_Default,
                        const QStyleOption &opt = QStyleOption::Default ) ;

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::Default)

3) QRect querySubControlMetrics(ComplexControl control,
            const QWidget* widget,
         SubControl sc,
         const QStyleOption&
          = QStyleOption::Default)

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表示边框宽度，默认为2
  QRect br;  //spinBox上按钮的边界矩形不是spinBox的边界矩形。
  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;
/* 设置三角形的三个点的坐标，修改这三个点可以使得QSpinBox上按钮里的三角型呈现任意的形状，
下面的设置使得三角形表示的箭头分别向左和向右。*/
  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 );    //绘制三角形
}else if((pe == PE_ButtonBevel) || (pe == PE_ButtonCommand) || (pe == PE_ButtonTool) 
|| (pe == PE_ButtonDropDown) || (pe == PE_HeaderSection))
    { //绘制按钮的各种效果使得看起来凸起或凹下。
     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);
    }
}

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呈现垂直显示的风格而不是通常的水平显示
if (control == CC_SpinWidget) {
  const QSpinWidget * sw = (const QSpinWidget *) widget;
  //绘制向上按钮部分，controls默认为SC_All，即绘制整个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); //绘制按钮的边框
   drawPrimitive(pe, p, re, ucg, flags);    //绘制按钮
  }
  //绘制向左按钮部分。
  if ( controls & SC_SpinWidgetDown ) {
    /*与绘制向下按钮相似*/
  }
}else{//不处理spinbox之外的其他复杂控制部件，调用父类函数处理
QWindowsStyle::drawComplexControl(control, p, widget, r, cg, flags, controls, active, opt);
    }
}

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 定义二维对象的大小,也就是宽和高. 坐标类型是QCOORD定义为int)*/
  QSize bs;  //此处bs表示每个按钮的大小,因为有两个按钮所以下面除以2.
  bs.setWidth(widget->width()/2 -fw);
  if(bs.width() < 8) bs.setWidth(8);
  /*按钮高度设置为QMIN{按钮宽度的1.6倍, 部件高度的四分之一}
  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的各个子部件的坐标位置.
 switch ( sc ) {
 case SC_SpinWidgetUp:
  //返回向右按钮的坐标信息
     return QRect(x + bs.width(), y, bs.width(), bs.height());
 case SC_SpinWidgetDown:
  //返回向左按钮的坐标信息
     return QRect(x, y, bs.width(), bs.height());
 case SC_SpinWidgetButtonField:
  //返回两个按钮的总区域大小
     return QRect(x, y, widget->width() - 2*fw, bs.height());
 case SC_SpinWidgetEditField:
/*返回可编辑框的坐标信息*/
     return QRect(fw, ly, widget->width() - 2*fw, ry);
 case SC_SpinWidgetFrame:
  //返回整个spinBox的坐标信息
     return widget->rect();
 default:
     break;
 }
    }else{//其它部件的布局信息调用父类的函数来处理。
  return QWindowsStyle::querySubControlMetrics(control,widget,sc,opt );
    }
    return QRect();
}

#include <qapplication.h>
#include <qspinbox.h>
#include "customstyle.h"
int main( int argc, char **argv )
{
    QApplication::setStyle(new CustomStyle()); //使用新风格类来绘制界面。
    QApplication a( argc, argv );
    QSpinBox spin( 0, 15 );
    spin.resize( 20, 100 );
    a.setMainWidget( &spin );
    spin.show();
    return a.exec();
}