Python使用Qt5实现水平导航栏的示例代码
更新时间：2023年03月06日 09:46:29 作者：3Blue1Red
本文主要介绍了Python使用Qt5实现水平导航栏的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在 Qt5 中可以使用 QWidget 包含两个水平布局，通过点击水平布局里的按钮，实现下标滑动与页面的切换。
可以按照以下步骤来实现上面图片中的功能：
导入必要的 Qt 包：
from PyQt5.QtCore import QPoint, QPropertyAnimation from PyQt5.QtWidgets import QVBoxLayout, QHBoxLayout, QPushButton, QLabel
创建 ui_init 函数，接收 self，和外部传入的列表：
def ui_init(self, datas):
创建一个 list 来保存水平布局里的按钮：
self.button_list = []
创建两个水平布局 QHBoxLayout，一个放置 QPushButton， 一个放置 QLabel，并设置水平布局的内容边距以及组件边距：
container = QHBoxLayout() container.setSpacing(0) container.setContentsMargins(10, 0, 10, 0) container2 = QHBoxLayout() container2.setContentsMargins(10, 0, 10, 0)
使用 for 循环来遍历传递进来的字符串列表，并且根据其长度创建 QPushButton，设置 QPushButton 的显示样式，最后将 QPushButton 添加进 QHBoxLayout，并且保存在 self.button_list 当中：
for number, data in enumerate(datas):
btn = QPushButton(data)
btn.setStyleSheet(
"QPushButton { border: none; "
"height: 25px; }"
)
container.addWidget(btn)
self.button_list.append(btn)
创建一个 QLabel 设置其大小和颜色，其中 Label 的宽度为测量 QHBoxLayout 的宽度 / QPushButton 的个数：
self.label = QLabel()
self.label.setContentsMargins(0, 0, 0, 0)
self.label.setFixedWidth(int(710 / len(self.button_list)))
self.label.setFixedHeight(2)
self.label.setStyleSheet("QLabel { background-color: rgb(10, 96, 255); }")
创建一个QPropertyAnimation对象，设置动画的持续时间为100毫秒，用于实现动画效果：
self.animation = QPropertyAnimation(self.label, b'pos') self.animation.setDuration(100)
将 QLabel 添加进水平布局中，并且在其右边设置一个伸缩量确保 QLabel 初始化时在第一个按钮下方：
container2.addWidget(self.label) # 设置伸缩量使label处于左边 container2.addStretch(1) self.addLayout(container) self.addLayout(container2)
使用 for 循环遍历 self.button_list，让列表中的 QPushButton 连接槽函数：
for btn in self.button_list:
btn.clicked.connect(lambda state, b=btn: self.buttonClicked(b))
创建一个槽函数：
def buttonClicked(self, button):
在槽函数中，获取按钮和标签的当前位置：
pos = button.pos() current_pos = self.label.pos()
设置动画的起始值和结束值：
start_value = QPoint(current_pos.x(), current_pos.y()) end_value = QPoint(pos.x(), pos.y() + button.height()) self.animation.setStartValue(start_value) self.animation.setEndValue(end_value)
启用动画：
self.animation.start()
以下为完整代码示例：
from PyQt5.QtCore import QPoint, QPropertyAnimation
from PyQt5.QtWidgets import QVBoxLayout, QHBoxLayout, QPushButton, QLabel, QApplication
class TopTitle(QVBoxLayout):
def __init__(self, datas):
super().__init__()
self.ui_init(datas)
def ui_init(self, datas):
self.button_list = []
container = QHBoxLayout()
container.setSpacing(0)
container.setContentsMargins(10, 0, 10, 0)
container2 = QHBoxLayout()
container2.setContentsMargins(10, 0, 10, 0)
for number, data in enumerate(datas):
# 此时num是元素的序号，data为元素
# 水平布局包含多个垂直布局
btn = QPushButton(data)
btn.setStyleSheet(
"QPushButton { border: none; "
"height: 25px; }"
)
container.addWidget(btn)
self.button_list.append(btn)
self.label = QLabel()
self.label.setContentsMargins(0, 0, 0, 0)
self.label.setFixedWidth(int(710 / len(self.button_list))) # 710为手动测量QHBoxLayout的宽度
self.label.setFixedHeight(2)
self.label.setStyleSheet("QLabel { background-color: rgb(10, 96, 255); }")
# 创建一个QPropertyAnimation对象，用于实现动画效果
self.animation = QPropertyAnimation(self.label, b'pos')
self.animation.setDuration(100) # 设置动画的持续时间为100毫秒
container2.addWidget(self.label)
# 设置伸缩量使label处于左边
container2.addStretch(1)
self.addLayout(container)
self.addLayout(container2)
for btn in self.button_list:
btn.clicked.connect(lambda state, b=btn: self.buttonClicked(b))
# 这里，我们为 lambda 表达式添加了额外的参数 state，以兼容 QPushButton.clicked 信号的多重重载。
# 同时，使用默认参数 b=btn 来确保 button 参数在 lambda 表达式中被正确地传递。
def buttonClicked(self, button):
# 获取按钮的位置
pos = button.pos()
# 获取标签的当前位置
current_pos = self.label.pos()
# 设置动画的起始值和结束值
start_value = QPoint(current_pos.x(), current_pos.y())
end_value = QPoint(pos.x(), pos.y() + button.height())
# 设置动画的起始值和结束值
self.animation.setStartValue(start_value)
self.animation.setEndValue(end_value)
# 启动动画
self.animation.start()
if __name__ == '__main__':
app = QApplication([])
title = TopTitle(["7", "8", "9", "+", "7", "8", "9", "+"])
w = QWidget()
w.resize(710, 200)
w.setLayout(title)
w.show()
app.exec_()
最后要实现页面切换的方法，就是在按键的槽函数中，设置 StackedLayout 的 index 就可以实现了，当然也可以在创建对象后，在其他 QWidget 中获取 TopTitle.button_list 中的 QPushButton，来自定义按钮的链接。这样一个自适应标签栏数量的水平导航栏就实现了。
到此这篇关于Python使用Qt5实现水平导航栏的示例代码的文章就介绍到这了,更多相关Qt5 水平导航栏内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了pandas修改DataFrame列名的实现方法， 文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
今天小编就为大家分享一篇python中使用print输出中文的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-07-07
这篇文章主要介绍了Python排列组合算法的相关内容，具有一定参考价值，需要的朋友可以了解下。2017-10-10
三分钟教会你用Python+OpenCV批量裁剪xml格式标注的图片
最近学习网络在线课程的过程中,为了方便课后复习,使用手机截取了大量的图片,下面这篇文章主要给大家介绍了如何通过三分钟教会你用Python+OpenCV批量裁剪xml格式标注图片的相关资料,需要的朋友可以参考下2022-01-01
今天小编就为大家分享一篇关于Python中的元组介绍，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2021-08-08
这篇文章主要介绍了如何将写好的pygame游戏打包成exe文件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
这篇文章主要介绍了通过python读取txt文件和绘制柱形图的实现代码,代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-03
这篇文章主要介绍了查看已安装tensorflow版本的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
本文主要介绍了PyTorch Tensor创建实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-06-06
最近业务需要对Pyhon中的一些字符串内容去除空格,方便后续处理,下面这篇文章主要给大家介绍了关于python去除字符串中空格的6种常用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
最新评论