Qt编写超级多态按钮WKButton

liudianwu

一个朋友需要定制一个按钮，部分需求如下：
1.可以设置圆角(Radius)值。
2.可以设置边框的粗细(BorderSize)和颜色(BorderColor)
3.背景颜色有两种颜色RColor和PColor。
4.背景颜色显示模式有3种：
a)松开状态的颜色为RColor；按下状态的颜色为PColor。
b)松开状态的颜色为按键上半部分是RColor，按键下半部分为PColor；按下状态的颜色为按键上半部分是PColor，按键下半部分为RColor。
c)松开状态的颜色为RColor到PColor的渐变色；按下状态的颜色为按键上半部分是PColor到RColor的渐变色。
5.按键内部可以显示3行文字(Text[3])，并对每行文字设置字体、对齐、大小、颜色。
6.可以处理鼠标按下、松开、移动、拖拽的事件。
7.可以显示图片，当显示图片时自动覆盖背景颜色和文字，但保留边框和圆角。
实现效果：

集成在QUC自定义控件中



核心代码：

1. void WKButton::paintEvent(QPaintEvent *)
   
2. {
   
3.     //绘制准备工作,启用反锯齿
   
4.     QPainter painter(this);
   
5.     painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
   
6. 
   
7.     //绘制背景
   
8.     drawBg(&painter);
   
9.     //绘制文字
   
10.     drawText(&painter);
    
11. }
    
12. 
    
13. void WKButton::drawBg(QPainter *painter)
    
14. {
    
15.     painter->save();
    
16. 
    
17.     //设置边框颜色及宽度
    
18.     QPen pen;
    
19.     pen.setColor(borderColor);
    
20.     pen.setWidthF(borderWidth);
    
21.     painter->setPen(pen);
    
22. 
    
23.     //绘制区域要减去边框宽度
    
24.     QRect rect;
    
25.     rect.setX(borderWidth);
    
26.     rect.setY(borderWidth);
    
27.     rect.setWidth(width() - borderWidth * 2);
    
28.     rect.setHeight(height() - borderWidth * 2);
    
29. 
    
30.     //如果背景图片存在则显示背景图片,否则显示背景色
    
31.     if (!bgImage.isNull()) {
    
32.         //等比例缩放绘制
    
33.         QPixmap img = bgImage.scaled(rect.width(), rect.height(), Qt::KeepAspectRatio, Qt::SmoothTransformation);
    
34.         painter->drawPixmap((this->rect().width() - img.width()) / 2, (this->rect().height() - img.height()) / 2, img);
    
35.     } else {
    
36.         if (colorMode == ColorMode_Normal) {
    
37.             if (isPressed) {
    
38.                 painter->setBrush(QBrush(pressedColor));
    
39.             } else {
    
40.                 painter->setBrush(QBrush(normalColor));
    
41.             }
    
42.         } else if (colorMode == ColorMode_Replace) {
    
43.             QLinearGradient gradient(QPoint(0, 0), QPoint(0, height()));
    
44. 
    
45.             if (isPressed) {
    
46.                 gradient.setColorAt(0.0, pressedColor);
    
47.                 gradient.setColorAt(0.49, pressedColor);
    
48.                 gradient.setColorAt(0.50, normalColor);
    
49.                 gradient.setColorAt(1.0, normalColor);
    
50.             } else {
    
51.                 gradient.setColorAt(0.0, normalColor);
    
52.                 gradient.setColorAt(0.49, normalColor);
    
53.                 gradient.setColorAt(0.50, pressedColor);
    
54.                 gradient.setColorAt(1.0, pressedColor);
    
55.             }
    
56. 
    
57.             painter->setBrush(gradient);
    
58.         } else if (colorMode == ColorMode_Shade) {
    
59.             QLinearGradient gradient(QPoint(0, 0), QPoint(0, height()));
    
60. 
    
61.             if (isPressed) {
    
62.                 gradient.setColorAt(0.0, pressedColor);
    
63.                 gradient.setColorAt(1.0, normalColor);
    
64.             } else {
    
65.                 gradient.setColorAt(0.0, normalColor);
    
66.                 gradient.setColorAt(1.0, pressedColor);
    
67.             }
    
68. 
    
69.             painter->setBrush(gradient);
    
70.         }
    
71. 
    
72.         painter->drawRoundedRect(rect, borderRadius, borderRadius);
    
73.     }
    
74. 
    
75.     painter->restore();
    
76. }
    
77. 
    
78. void WKButton::drawText(QPainter *painter)
    
79. {
    
80.     if (!bgImage.isNull()) {
    
81.         return;
    
82.     }
    
83. 
    
84.     painter->save();
    
85. 
    
86.     //如果要显示角标,则重新计算显示文字的区域
    
87.     if (showSuperText) {
    
88.         int offset = 3;
    
89.         QRect rect;
    
90.         rect.setX(borderWidth * offset);
    
91.         rect.setY(borderWidth);
    
92.         rect.setWidth(width() - borderWidth * offset * 2);
    
93.         rect.setHeight(height() - borderWidth * 2);
    
94. 
    
95.         Qt::Alignment alignment = Qt::AlignCenter;
    
96.         if (superTextAlign == TextAlign_Top_Left) {
    
97.             alignment = Qt::AlignTop | Qt::AlignLeft;
    
98.         } else if (superTextAlign == TextAlign_Top_Center) {
    
99.             alignment = Qt::AlignTop | Qt::AlignHCenter;
    
100.         } else if (superTextAlign == TextAlign_Top_Right) {
     
101.             alignment = Qt::AlignTop | Qt::AlignRight;
     
102.         } else if (superTextAlign == TextAlign_Center_Left) {
     
103.             alignment = Qt::AlignLeft | Qt::AlignVCenter;
     
104.         } else if (superTextAlign == TextAlign_Center_Center) {
     
105.             alignment = Qt::AlignHCenter | Qt::AlignVCenter;
     
106.         } else if (superTextAlign == TextAlign_Center_Right) {
     
107.             alignment = Qt::AlignRight | Qt::AlignVCenter;
     
108.         } else if (superTextAlign == TextAlign_Bottom_Left) {
     
109.             alignment = Qt::AlignBottom | Qt::AlignLeft;
     
110.         } else if (superTextAlign == TextAlign_Bottom_Center) {
     
111.             alignment = Qt::AlignBottom | Qt::AlignHCenter;
     
112.         } else if (superTextAlign == TextAlign_Bottom_Right) {
     
113.             alignment = Qt::AlignBottom | Qt::AlignRight;
     
114.         }
     
115. 
     
116.         //绘制角标
     
117.         painter->setPen(superTextColor);
     
118.         painter->setFont(superTextFont);
     
119.         painter->drawText(rect, alignment, superText);
     
120.     }
     
121. 
     
122.     int offset = 5;
     
123.     QRect rect;
     
124.     rect.setX(borderWidth * offset);
     
125.     rect.setY(borderWidth);
     
126.     rect.setWidth(width() - borderWidth * offset * 2);
     
127.     rect.setHeight(height() - borderWidth * 2);
     
128. 
     
129.     Qt::Alignment alignment = Qt::AlignCenter;
     
130.     if (textAlign == TextAlign_Top_Left) {
     
131.         alignment = Qt::AlignTop | Qt::AlignLeft;
     
132.     } else if (textAlign == TextAlign_Top_Center) {
     
133.         alignment = Qt::AlignTop | Qt::AlignHCenter;
     
134.     } else if (textAlign == TextAlign_Top_Right) {
     
135.         alignment = Qt::AlignTop | Qt::AlignRight;
     
136.     } else if (textAlign == TextAlign_Center_Left) {
     
137.         alignment = Qt::AlignLeft | Qt::AlignVCenter;
     
138.     } else if (textAlign == TextAlign_Center_Center) {
     
139.         alignment = Qt::AlignHCenter | Qt::AlignVCenter;
     
140.     } else if (textAlign == TextAlign_Center_Right) {
     
141.         alignment = Qt::AlignRight | Qt::AlignVCenter;
     
142.     } else if (textAlign == TextAlign_Bottom_Left) {
     
143.         alignment = Qt::AlignBottom | Qt::AlignLeft;
     
144.     } else if (textAlign == TextAlign_Bottom_Center) {
     
145.         alignment = Qt::AlignBottom | Qt::AlignHCenter;
     
146.     } else if (textAlign == TextAlign_Bottom_Right) {
     
147.         alignment = Qt::AlignBottom | Qt::AlignRight;
     
148.     }
     
149. 
     
150.     painter->setPen(textColor);
     
151.     painter->setFont(textFont);
     
152.     painter->drawText(rect, alignment, text);
     
153. 
     
154.     painter->restore();
     
155. }

复制代码