QT 滑块按钮 改变按钮图片样式做出滑块开关效果

 效果图如上

首先新建一个按钮并双击删除里面的文字text

 右键按钮修改样式change stylesheet

 代码如下：

QPushButton {
    border: none; /* 移除按钮默认的边框 */
    image: url("icon/滑块关.png");
}

QPushButton:checked {
    image: url("icon/滑块开.png");
}

QPushButton:unchecked {
    image: url("icon/滑块关.png");
}

 再点击Apply

image：url（“图片位置”）

  

 按钮图片尽量大小比例一直，不然点击后可能效果不理想

之后保存ui文件，再在pythonCharm中转为py文件

新建一个py文件

import sys
from PyQt5 import QtWidgets
import ui_2Sliderbutton

class MainWindow(QtWidgets.QMainWindow,ui_2Sliderbutton.Ui_MainWindow):
    def __init__(self):
        super(MainWindow, self).__init__()
        self.setupUi(self)

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    w=MainWindow()
    w.show()
    sys.exit(app.exec_())

 展示一下效果