Qt 创建自定义按钮

使用 StyleSheet的 border-image 属性。

步骤1：在工程中增加qrc文件，添加按钮的图片。

步骤2：在界面mainwindow.ui中创建一个按钮Push Button

步骤3：在按钮上点击右键，选择“改变样式表”，在弹出的“编辑样式表”对话框中，“添加资源”->“border-image”，选择刚才添加的图片，作为默认按钮样式。

步骤4：在mainwindow.cpp的构造函数中，初始化按钮的StyleSheet，如

ui->pushButton_PWMonoff->setStyleSheet("QPushButton{border-image:url(:/images/images/switch-off.png);}"
                      "QPushButton:hover{border-image: url(:/images/images/switch-off_hover.png);}"
                      "QPushButton:disabled{border-image: url(:/images/images/switch-off_disable.png);}"
                      "QPushButton:on{border-image: url(:/images/images/switch-on.png);}"
                      "QPushButton:on:hover{border-image: url(:/images/images/switch-on_hover.png);}"
                      "QPushButton:on:disabled{border-image: url(:/images/images/switch-on_disable.png);}"
                      );

例子中按钮的“checkable”属性为true。