pyqt5实现导航栏

该博客介绍了如何利用PyQt5和Qt Designer设计并实现一个带有导航栏的界面。首先,通过Designer创建窗口并进行区域分割,使用StackedWidget和ListWidget控件分别实现导航栏和内容展示。接着,通过pyuic工具将.ui文件转换为.py代码,并在此基础上添加自定义槽函数,连接ListWidget的currentRowChanged信号与StackedWidget的切换方法。最后,添加main函数使程序可运行,并实现代码与界面的分离,以防止重新设计界面时丢失代码修改。

   

目录

界面设计总论

导航栏控件需求分析

效果图

代码实现

界面转换成py代码

pyqt5自定义槽函数

     信号槽关联 

修改代码关联自定义

main函数添加

 代码界面分离


   网上有些资料通过QT实现导航栏的,本文通过designer 设计,通过pyqt运行实现导航栏。

   涉及到pyqt及 designer的安装部分,请参考前文: (12条消息) eric+pyqt5的安装_proware的博客-CSDN博客

界面设计总论

     采用designer或者其他软件进行界面设计时的一般思路:

      1) 首先创建一块空白的画布。在designer里面即为创建一个新的main windows窗口。

      2)需要对这个画布或者讲 main windows进行区域分割。

      3)如果有必要,进一步对区域进行细分分割。

      4)在每个区域上部署功能控件。

导航栏控件需求分析

  1)  以vmware虚拟机配置为例子:左侧为一个列表;右侧为每个列表项对应的内容。

那么对应到designer里面,如何选取控件?首先我们要清楚,此时进行到界面设计的第二步,即区域的分割,在designer中,区域分割通过以下几个控件来实现,这里被统称为“containters”即容器类,也就是容纳其他控件的区域。

2)对于导航栏右侧,需要由多个frame来实现,每个对应左侧一个列表项,因而我们采用stacked widget这个控件,这个控件即为多个frame或者widget 堆叠在一起,通过 索引号可以控制切换到哪一层的frame

3)对于导航栏左侧,用一个frame或

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

proware

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值