Happy coder ：Qt 自定义 Button 之美

http://blog.csdn.net/yiyaaixuexi/article/details/6706729

✿题记

上次经理批评我帮同事写现成代码的行为，他说：授之以鱼，不如授之以渔。我想想也对，可是【渔】很枯燥人家不爱学怎么办？

于是乎我想，授之以渔，不如授之以渔为娱。

✿正文

在不支持qml的Qt 4.6 ，很多时候，需要我们自定义控件。其实自定义一点也不难，并不是要从头开始写一个控件类，而是继承它，在其基础上，加些佐料，锦上添点花。

曾经也有人对我的方案产生了质疑，说qss就可以解决，为什么要费劲自己写？

我想说，第一qss不能解决全部，写一个功能函数无非是3、4行代码的事情，不费劲，同时所有特效都封装在一起，统一管理方便工程中任何一个widget的调用。第二，vim可以打开读文件，为什么还有cat的存在？一个道理，可有其利。第三，对于嵌入式终端的UI实现方案来说，越多越好，在比较下根据实际情况选取最优，因为嵌入式对文件系统大小，库的裁剪要求比较严格。

以Button为例吧，为什么要以Button为例，因为在我看来，Button是万能的，只是看你会不会用。如果把Button属性设置为flat平滑且不可点击，那么它就是个label；如果把许多上述的label按一定的顺序和布局排成行或列，那它就是listview……加载不同背景图片、点击、悬浮、动画、click on槽灵活处理，等等把所有属性都打乱随机组合，没有不能拼凑出的效果和特效。

✿某phone 抽奖小例子

鼠标悬浮于按钮上时，加载诱惑iphone图片，离开加载苹果标，点击加载叹气背景…

✿其实还可以加载更多

✿My button list鼠标划过

✿随你拖

✿关于自定义Button和特效方法的封装

[cpp] view plain copy print ?

1. Button::Button(QWidget *parent) : QPushButton(parent)
2. {
3. //保存图片成员初始化
4. buttonPicture = new QPixmap();
5. pressPicture = new QPixmap();
6. releasePicture = new QPixmap();
8. enterPicture = new QPixmap();
9. leavePicture = new QPixmap();
11. //关闭按钮的默认显示
12. this -> setFlat(true);
13. this->setFocusPolicy(Qt::NoFocus);
15. //初始化flag
16. flag=false;
19. }
21. void Button::setButtonPicture(QPixmap pic)
22. {
23. *buttonPicture = pic;
25. this -> setIcon(QIcon(*buttonPicture));
26. }
28. void Button::setPressPicture(QPixmap pic)
29. {
30. *pressPicture = pic;
31. }
33. void Button::setReleasePicture(QPixmap pic)
34. {
35. *releasePicture = pic;
36. }
38. void Button::setEnterPicture(QPixmap pic)
39. {
40. *enterPicture = pic;
41. }
43. void Button::setLeavePicture(QPixmap pic)
44. {
45. *leavePicture = pic;
46. }
48. void Button::set_X_Y_width_height(int x, int y, int width, int height)
49. {
50. this -> setIconSize(QSize(width, height));
51. this -> setGeometry(x, y, width, height);
52. }
54. void Button::mouseDoubleClickEvent(QMouseEvent *event)
55. {
56. //null
57. }
59. void Button::mousePressEvent (QMouseEvent *event)
60. {
61. this -> setIcon (QIcon(*pressPicture));
62. }
64. void Button::mouseMoveEvent(QMouseEvent *event)
65. {
66. //null
67. }
70. void Button::mouseReleaseEvent (QMouseEvent *event)
71. {
72. this -> setIcon(QIcon(*releasePicture));
73. emit clicked();
74. }
76. void Button::enterEvent(QEvent *)
77. {
78. this->setIcon(QIcon(*enterPicture));
79. flag=true;
80. // this->resizeit();
82. }
84. void Button::leaveEvent(QEvent *)
85. {
86. this->setIcon(QIcon(*leavePicture));
87. flag=false;
88. }
90. void Button::resizeit(int w , int h)
91. {
92. this->raise();
93. this->resize(w,h);
94. this ->setIconSize(QSize(w, h));
96. }

Button::Button(QWidget *parent) : QPushButton(parent)
{
        //保存图片成员初始化
        buttonPicture = new QPixmap();
        pressPicture = new QPixmap();
        releasePicture = new QPixmap();

        enterPicture = new QPixmap();
        leavePicture = new QPixmap();

        //关闭按钮的默认显示
        this -> setFlat(true);
        this->setFocusPolicy(Qt::NoFocus);

        //初始化flag
        flag=false;


}

void Button::setButtonPicture(QPixmap pic)
{
        *buttonPicture = pic;

        this -> setIcon(QIcon(*buttonPicture));
}

void Button::setPressPicture(QPixmap pic)
{
        *pressPicture = pic;
}

void Button::setReleasePicture(QPixmap pic)
{
        *releasePicture	= pic;
}

void Button::setEnterPicture(QPixmap pic)
{
    *enterPicture = pic;
}

void Button::setLeavePicture(QPixmap pic)
{
    *leavePicture = pic;
}

void Button::set_X_Y_width_height(int x, int y, int width, int height)
{
        this -> setIconSize(QSize(width, height));
        this -> setGeometry(x, y, width, height);
}

void Button::mouseDoubleClickEvent(QMouseEvent *event)
{
        //null
}

void Button::mousePressEvent (QMouseEvent *event)
{
        this -> setIcon (QIcon(*pressPicture));
}

void Button::mouseMoveEvent(QMouseEvent *event)
{
        //null
}


void Button::mouseReleaseEvent (QMouseEvent *event)
{
        this -> setIcon(QIcon(*releasePicture));
        emit clicked();
}

void Button::enterEvent(QEvent *)
{
    this->setIcon(QIcon(*enterPicture));
    flag=true;
  //  this->resizeit();

}

void Button::leaveEvent(QEvent *)
{
    this->setIcon(QIcon(*leavePicture));
    flag=false;
}

void Button::resizeit(int w , int h)
{
    this->raise();
    this->resize(w,h);
    this ->setIconSize(QSize(w, h));

}

把这些方法按照自己的思路，配合paintEvent、Animation、qss等等，美化Qt 应用程序的UI 和动画效果基本没什么问题了。

一时之间想不出还有什么新鲜的需求来写个小demo，就这样吧，欢迎交流。

✿由Button想到的

就一句话：你说什么控件不能自定义啊？

✿后记

兴趣和快乐是进步的动力和源泉

——以渔为娱，以渔为乐，以渔为生活。