import sys
from PySide6.
QtWidgets import (QApplication, QMainWindow, QWidget,
QPushButton, QVBoxLayout, QStackedWidget,
QLabel, QFormLayout, QLineEdit)
from PySide6.
QtCore import
Qt
class MainWindow(QMainWindow):
def __init__(self):
super().__init__()
self.setWindowTitle("多页面应用示例")
self.resize(600, 400)
# 创建中心部件
和布局
self.central_widget = QWidget()
self.setCentralWidget(self.central_widget)
self.main_layout = QVBoxLayout(self.central_widget)
# 创建导航栏
self.setup_navigation()
# 创建堆叠窗口来管理多个页面
self.stacked_widget = QStackedWidget()
self.main_layout.addWidget(self.stacked_widget)
# 创建各个页面
self.create_pages()
# 默认显示首页
self.stacked_widget.setCurrentIndex(0)
def setup_navigation(self):
"""创建顶部导航栏"""
nav_layout = QVBoxLayout()
# 标题
title_label = QLabel("PySide6 多页面应用")
title_label.setAlignment(
Qt.AlignCenter)
title_label.setStyleSheet("font-size: 20px; font-weight: bold; margin: 10px 0;")
nav_layout.addWidget(title_label)
# 导航按钮
btn_layout = QVBoxLayout()
self.btn_home =
QPushButton("首页")
self.btn_form =
QPushButton("表单页")
self.btn_about =
QPushButton("关于页")
self.btn_home.clicked.connect(lambda: self.stacked_widget.setCurrentIndex(0))
self.btn_form.clicked.connect(lambda: self.stacked_widget.setCurrentIndex(1))
self.btn_about.clicked.connect(lambda: self.stacked_widget.setCurrentIndex(2))
#
设置按钮样式
for btn in [self.btn_home, self.btn_form, self.btn_about]:
btn.setFixedHeight(40)
btn.setStyleSheet("""
QPushButton {
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
font-size: 14px;
}
QPushButton:
hover {
background-color: #45a049;
}
QPushButton:
pressed {
background-color: #3d8b40;
}
""")
btn_layout.addWidget(btn)
nav_layout.addLayout(btn_layout)
self.main_layout.addLayout(nav_layout)
def create_pages(self):
"""创建应用的各个页面"""
# 首页
home_page = QWidget()
home_layout = QVBoxLayout(home_page)
home_title = QLabel("欢迎使用多页面应用")
home_title.setAlignment(
Qt.AlignCenter)
home_title.setStyleSheet("font-size: 24px; margin: 20px 0;")
home_content = QLabel("这是一个使用PySide6实现的多页面应用示例。\n"
"通过顶部导航栏可以在不同页面之间切换。")
home_content.setAlignment(
Qt.AlignCenter)
home_content.setStyleSheet("font-size: 16px;")
home_layout.addWidget(home_title)
home_layout.addWidget(home_content)
home_layout.addStretch()
self.stacked_widget.addWidget(home_page)
# 表单页
form_page = QWidget()
form_layout = QVBoxLayout(form_page)
form_title = QLabel("用户信息表单")
form_title.setAlignment(
Qt.AlignCenter)
form_title.setStyleSheet("font-size: 20px; margin: 15px 0;")
# 创建表单
input_form = QFormLayout()
self.name_input = QLineEdit()
self.email_input = QLineEdit()
self.age_input = QLineEdit()
input_form.addRow("姓名:", self.name_input)
input_form.addRow("邮箱:", self.email_input)
input_form.addRow("年龄:", self.age_input)
# 提交按钮
submit_btn =
QPushButton("提交")
submit_btn.setFixedHeight(40)
submit_btn.setStyleSheet("""
QPushButton {
background-color: #2196F3;
color: white;
border: none;
border-radius: 5px;
font-size: 14px;
}
QPushButton:
hover {
background-color: #0b7dda;
}
QPushButton:
pressed {
background-color: #0a69b7;
}
""")
submit_btn.clicked.connect(self.submit_form)
form_layout.addWidget(form_title)
form_layout.addLayout(input_form)
form_layout.addWidget(submit_btn)
form_layout.addStretch()
self.stacked_widget.addWidget(form_page)
# 关于页
about_page = QWidget()
about_layout = QVBoxLayout(about_page)
about_title = QLabel("关于本应用")
about_title.setAlignment(
Qt.AlignCenter)
about_title.setStyleSheet("font-size: 20px; margin: 15px 0;")
about_content = QLabel("""
<h3>PySide6 多页面应用示例</h3>
<p>本应用展示了如何使用PySide6创建具有多个页面的应用程序。</p>
<p>主要功能：</p>
<ul>
<li>使用QStackedWidget实现页面切换</li>
<li>自定义导航栏设计</li>
<li>表单数据收集</li>
<li>页面间数据传递</li>
</ul>
<p>版本: 1.0.0</p>
""")
about_content.setAlignment(
Qt.AlignLeft)
about_content.setWordWrap(True)
about_layout.addWidget(about_title)
about_layout.addWidget(about_content)
about_layout.addStretch()
self.stacked_widget.addWidget(about_page)
def submit_form(self):
"""处理表单提交"""
name = self.name_input.text()
email = self.email_input.text()
age = self.age_input.text()
print(f"表单提交: 姓名={name}, 邮箱={email}, 年龄={age}")
# 这里可以添加表单验证
和数据处理逻辑
# 提交后可以跳转到结果页面或其他页面
# self.stacked_widget.setCurrentIndex(2) # 跳转到关于页作为示例
if __name__ == "__main__":
app = QApplication(sys.argv)
#
设置全局样式
app.setStyleSheet("""
QMainWindow {
background-color: #f5f5f5;
}
QWidget {
font-family: 'Microsoft YaHei', sans-serif;
}
""")
window = MainWindow()
window.show()
sys.exit(app.exec()) 教我学会写这个代码
本文介绍如何使用Qt为QPushButton设置背景图片并去除默认边框及聚焦时的虚线框，通过设置flat属性和应用特定的样式表实现按钮不同状态下的外观变化。
扫一扫
3452
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
