pyqt 按钮常用格式Qss设置

pyqt 按钮常用格式Qss设置

QSS介绍

Qt Style Sheets (QSS) 是 Qt 框架中用于定制应用程序界面样式的一种语言。它类似于网页开发中的 CSS(Cascading Style Sheets),但专门为 Qt 应用程序设计。使用 QSS,你可以控制应用程序中各种元素的外观,包括颜色、字体、边框、边距、背景图像等。

按钮常用的QSS设置

background-color: #4CAF50; /* 绿色背景 /
color: white; /
白色文字 /
border: none; /
无边框 /
border-radius: 5px; /
边框圆角 /
padding: 10px 20px; /
内边距 /
font-size: 16px; /
字体大小 /
font-family: "Arial"; /
字体类型,使用 Arial 或其他你想要的字体 /
font-weight: bold; /
加粗效果 /
transition: background-color 0.3s ease-in-out; /
平滑过渡效果 */

}

复制代码
    QPushButton:hover {  
        /* 鼠标悬停效果 */  
        background-color: #45a049; /* 更深的绿色背景 */  
    }  

    /* 注意:QPushButton:pressed 的样式需要编程实现 */  

效果


代码

python 复制代码
import sys
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QVBoxLayout, QHBoxLayout, QGridLayout
from PyQt5.QtCore import Qt


class CenteredButton(QWidget):
    def __init__(self):
        super().__init__()

        # 创建一个按钮
        self.button = QPushButton('Click Me', self)

        # 使用水平布局并添加伸缩因子来实现居中
        layout = QHBoxLayout(self)
        layout.addStretch(1)  # 在按钮左边添加伸缩因子
        layout.addWidget(self.button)  # 添加按钮
        layout.addStretch(1)  # 在按钮右边添加伸缩因子

        # 设置窗口的布局
        self.setLayout(layout)

        # 设置窗口的标题和大小
        self.setWindowTitle('Centered Button')
        self.setGeometry(600, 300, 400, 300)  # x, y, width, height
        # QSS 样式
        style_sheet = """  
        QPushButton {  
            /* 基本设置 */  
            background-color: #4CAF50; /* 绿色背景 */  
            color: white; /* 白色文字 */  
            border: none; /* 无边框 */  
            border-radius: 5px; /* 边框圆角 */  
            padding: 10px 20px; /* 内边距 */  
            font-size: 16px; /* 字体大小 */  
            font-family: "Arial"; /* 字体类型,使用 Arial 或其他你想要的字体 */  
            font-weight: bold; /* 加粗效果 */  
            transition: background-color 0.3s ease-in-out; /* 平滑过渡效果 */  
        }  

        QPushButton:hover {  
            /* 鼠标悬停效果 */  
            background-color: #45a049; /* 更深的绿色背景 */  
        }  

        /* 注意:QPushButton:pressed 的样式需要编程实现 */  
        """

        # 应用样式表
        self.button.setStyleSheet(style_sheet)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    centered_button = CenteredButton()
    centered_button.show()
    sys.exit(app.exec_())
相关推荐
Goona_1 天前
pyqt+python之二进制生肖占卜
pyqt
大学生毕业题目4 天前
毕业项目推荐:83-基于yolov8/yolov5/yolo11的农作物杂草检测识别系统(Python+卷积神经网络)
人工智能·python·yolo·目标检测·cnn·pyqt·杂草识别
凯子坚持 c7 天前
当Python遇见高德:基于PyQt与JS API构建桌面三维地形图应用实战
javascript·python·pyqt·高德地图
Goona_7 天前
pyqt+Python证件号智能校验工具
pyqt
大学生毕业题目8 天前
毕业项目推荐:52-基于yolov8/yolov5/yolo11的红绿灯检测识别系统(Python+卷积神经网络)
人工智能·python·yolo·目标检测·cnn·pyqt·红绿灯检测
大学生毕业题目9 天前
毕业项目推荐:64-基于yolov8/yolov5/yolo11的蝴蝶种类检测识别系统(Python+卷积神经网络)
人工智能·python·yolo·目标检测·cnn·pyqt·蝴蝶检测
大学生毕业题目9 天前
毕业项目推荐:51-基于yolov8/yolov5/yolo11的反光衣检测识别系统(Python+卷积神经网络)
人工智能·python·yolo·目标检测·cnn·pyqt·反光衣检测
深兰科技10 天前
柳州市委常委、统战部部长,副市长潘展东率队首访深兰科技集团新总部,共探 AI 赋能制造大市与东盟合作新局
人工智能·beautifulsoup·numpy·pyqt·matplotlib·pygame·深兰科技
傻啦嘿哟13 天前
用PyQt快速搭建桌面应用:从零到实战的实用指南
pyqt