Python-PyQt-QTabWidget 中关于Tab关闭和添加高级教程

骑猪看日落 2022-11-18 01:54 1264阅读 0赞

（该教程有单独的pdf文档，关注公众号也可获取。（文末有资料分享））

**0.****前言**

QTabWidget是PyQt5 中使用较为广泛的容器之一，经常会在日常使用的软件中用到它；QTabwidget是由几个标签组成，每个标签可以当作一个界面，下面就是关于应用Qtabwidget的详细介绍：

**1.****需求分析：**

（1）软件启动，显示主窗口界面，主窗口界面为Home界面，点击Tab3/Tab4按钮，在Tab栏中新增加对应的Tab3、Tab4页面。点击相应的Tab页面，可以切换到对应的页面。

（2）点击对应页面的关闭x，可以关闭该页面。(Home页面可以设置为不关闭)。

（3）为了适应框架的迭代，新增的Tab页面需要对应相应单独的UI界面代码（QT Designer中新建新的QWidget文件）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 1][]

**2. QTabwidget****介绍：**

QTabwidget中的标签(Tab)也可以通过按钮自行打开和关闭；要实现这种功能，需要两个步骤：

1，给每个标签（Tab）加上关闭按钮，通过 \*\*tabWidget.setTabsClosable(True) \*\*机制实现，

2，给标签(Tab)添加打开功能（打开是针对于每一个Tab）和关闭功能（关闭是统一针对于所有Tab实现的），打开和关闭功能借助的是 Qt 中的信号槽。

3.利用 Qt designer创建UI文件

Qtabwidget的界面可以用代码实现，也可以用Qt designer制作；这里以Qt designer为例，首先打开Qt designer ，创建主窗口，然后找到左边的导航栏，找到Containers(容器)中的Tab wdiget控件，选中这个控件之后，拖到主窗口Widget当中;

4.增加按钮功能比较简单，从左边导航栏中可以直接添加，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 2][]

4. 调整 TabWidget 的布局方式，把 TabWidget中的在 TabWidget 的边缘处，鼠标右击选择 \*\*Lay out -> Lay Out in a Grid \*\* 方式，这样控件就可以随着窗口的大小而自适应调整。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 3][]

5. Tab3页面的布局，新建一个Qwidget文件，窗口布局中随便拖一些控件进来，如日历等。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 4][]

**3. ui****文件转换为py文件：**

保存完毕之后，利用 **pyuic5**工具把以**ui**结尾的文件 转化为**py**文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 6][]

**4.****代码运行：**

上一步生成的py文件不可以直接使用，使用时需要在文件的最后加入几行代码来 创建生成入口。由于窗口界面可能需要经常更新，因此入口函数建议用新的文件。

本次创建一个新的app.py文件，作为主函数，main\_windows.py文件为主界面，tab3.py为tab3界面的代码。

（1）class Windows()继承Ui\_Mainwindow, Ui\_Mainwindow是main\_windows.py文件中的Class，

（2）connectSignalsSlots为槽函数，槽函数中包含按钮的点击，以及tab页面的关闭请求。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 7][]

（3）add\_tab\_3函数为点击tab3按钮后运行的函数，该函数将跳转到新的页面。

tab\_3 = tab3\_Widget()，tab3\_Widget()为新定义的一个Class，创建一个继承自相应窗口小部件并填充它的类。

class tab3\_Widget(QtWidgets.QWidget, Ui\_Form):

该Class中，Ui\_Form为tab3.py文件中的一个Class。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 8][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 9][]

Main\_window.py文件中的类函数：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 10][]

Tab3.py文件中的类函数：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 11][]

6.总结：

由于软件后期复杂度很高，建议将每个Tab页面对应一个Qwidget的ui文件，在app.py主函数中调用这些ui文件生成的py文件类函数。后续软件进行扩展将很方便。

**0.白浪介绍：**

**（1）一位自媒体极客。关于射频、微波、天线、无线通信、智能硬件、软件编程、渗透安全、人工智能、区块链、大数据、Java、Android、C/C++、python等综合能力的培养提升。**

**（2）各种学习资料、学习软件分享。**

1.扫码关注公众号（Geekxiaobai）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 12][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 13][]

2. **如**在后台发送“Python高级编程”“Python Graphics”或者“2003”，即可免费获得电子书籍。仅供学习之用。

3. 扫码关注后，查看往期内容，会有更多资料惊喜等着你来拿哦

想要更多相关学习资料，可以在文章后面留言哦，后期将会根据留言需求免费分享学习资料哦。

========\*\*\*\*\*\*=========\*\*\*\*\*\*========\*\*\*\*\*\*=========\*\*\*\*\*\*==========

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210411193215275.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 1]: /images/20221022/ed4b7709a7d9443a820275516a9d9f06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 2]: /images/20221022/92b30e52f309457a8642e502e4a1fcb5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 3]: /images/20221022/8110ea27a6504d86be73cde97525dbf4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 4]: /images/20221022/348483774a1c4e0e833a787e89149723.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 5]: /images/20221022/e8144ecea67641969c6fd77e41155884.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 6]: /images/20221022/8ec462604a2848a889d3473732bf2d04.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 7]: /images/20221022/e6ca0858b10f4ea3b0355460fb2194b5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 8]: /images/20221022/67a300f3951043e0911480f7d1ba58c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 9]: /images/20221022/cc16b24e80d0472c85ee2ad3543294be.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 10]: /images/20221022/ecb8e8caa6a342cfaf173746e3bfecaa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 11]: /images/20221022/e85d7cc9abfe429abfa386bc8aa1f9ef.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/20210411193216619.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNreWRheQ_size_16_color_FFFFFF_t_70 13]: /images/20221022/6e9c42feba7c4eddb71018cbbc209cae.png