QT Pushbutton 美化

来源：互联网发布：天天看盘软件编辑：程序博客网时间：2024/05/03 10:58

第一篇

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

第二篇

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

有很多朋友都抱怨，为什么自己使Qt做的小项目，UI那么土那么俗，方方框框，基本控件很丑，要不是Qt的跨平台，才不去学习它。呵呵，其实我想说，嵌入式系统中的图形界面，通通交给QT，绝对没问题！

简单说说自定义Button，QPushButton是常用组件之一，先看下效果。

当单击按钮后，效果如图：

点击按钮效果

实现代码：

view plain
Button::Button(QWidget *parent) : QPushButton(parent)  
{  
    //保存图片成员初始化  
    buttonPicture = new QPixmap();  
    pressPicture = new QPixmap();  
    releasePicture = new QPixmap();  
  
    //关闭按钮的默认显示  
    this -> setFlat(true);  
}  
  
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::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();  
}  

这下明白喽？我们只是需要在mousePressEvent和mouseReleaseEvent中，添加setIcon(QIcon(*buttonPicture))的处理，就让Button动起来了o(∩_∩)o ...

顺便说下icon的资源处理，你不要告诉我你不会

哦，即使不会，咱可是可以写PS的无所不能的程序员，学一下怎么使用应该不难吧？

将图片抠出所选区域，设置为透明png格式，这样不会覆盖背景。建议大家把文字也做进图片里，而不是在QT里文本，因为不同分辨率不同大小的嵌入式设备屏幕，显示效果不好控制。制作静态（同释放后）与点击状态两种按钮图标。

就是这样！简单吧？

这里预留了mouseDoubleClickEvent(QMouseEvent *event)，mouseMoveEvent(QMouseEvent *event)的响应，热爱Qt的朋友不如自己动动手，美化自己的button~

0 0