福州做网站设计,企业名录怎么导出,广州电力建设有限公司网站,上海外贸公司黄页pyqt 按钮常用格式Qss设置 QSS介绍按钮常用的QSS设置效果代码 QSS介绍
Qt Style Sheets (QSS) 是 Qt 框架中用于定制应用程序界面样式的一种语言。它类似于网页开发中的 CSS#xff08;Cascading Style Sheets#xff09;#xff0c;但专门为 Qt 应用程序设计。使用 QSSCascading 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 的样式需要编程实现 */ 效果 代码
import sys
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QVBoxLayout, QHBoxLayout, QGridLayout
from PyQt5.QtCore import Qtclass 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_())
