选项卡式小部件QTabWidget

2024-05-28 02:36
文章标签 选项卡 部件 qtabwidget

本文主要是介绍选项卡式小部件QTabWidget,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 1. 详细介绍
  • 2. 常用属性
  • 3. 信号
  • 4. 常用函数
  • 5. 官方示例Tab Dialog

QTabWidget提供一堆选项卡式小部件。

1. 详细介绍

QTabWidget显示

选项卡式部件提供一个选项卡栏和一个用于显示与每个选项卡相关的页面的页面区域

默认情况下,选项卡栏显示在页面区域上方,可以使用不同的配置,设置TabPosition属性。

每个选项卡都与一个不同的小部件相关联,这个小部件成为页面。

页面区域中只显示当前页面,所有其他页面都被隐藏。可以通过单击选项卡或按下Alt+字母快捷键来显示不同的页面。

一般使用QTabWidget的方法如下操作:

  1. 创建一个QTabWidget对象;

  2. 为选项卡中的每个页面创建一个QWidget对象,该对象不要指定父窗口;

  3. 将子窗口小部件插入页面窗口小部件,使用布局将其正常定位;

  4. 调用addTab()或insertTab()函数将页面小部件放入选项卡小部件中,为每个选项卡页面提供一个合适的标签和一个可选的键盘快捷键。

    示例如下:

    // 1. 创建一个QTabWidget对象QTabWidget *tabWidget = new QTabWidget(this);// 2. 为选项卡中的页面创建QWidget对象,创建2个选项卡QWidget *page1 = new QWidget;QWidget *page2 = new QWidget;//3. 将子窗口小部件插入到页面中// page1页面插入一个按钮,page2页面插入一个标签QPushButton *btn = new QPushButton(tr("&Show"), page1);QLabel *label = new QLabel(tr("wait for show"), page2);// 4. 将页面添加到QTabWidget对象中,并为每个选项卡提供一个合适的标签和可选的键盘快捷键tabWidget->addTab(page1, tr("page-1"));tabWidget->addTab(page2, tr("page-2"));

显示如下:

page1

page2

选项卡的位置由tabPosition属性定义,默认在North;
形状由tabShape定义,默认是Rounded。

当选择一个页面时会发送currentChanged()信号。

当前页面的索引调用currentIndex()获取,当前页面的部件调用currentWidget()函数获取。

widget()函数获取给定索引的页面部件的指针,indexOf()函数查找部件的索引位置。

setCurrentWidget()或setCurrentIndex()显示特定页面。

可以调用setTabText()或setTabIcon()函数更改选项卡的文本和图标;

可以使用removeTab()函数删除选项卡及其关联页面。

调用setTabEnabled()可以启用或禁用选项卡页面。

  • 如果启用某个选项卡页面,会正常绘制该选项卡,并且可以选择该选项卡;
  • 如果禁用某个选项卡页面,以不同方式绘制该选项卡,且用户无法选择此选项卡。
    需要注意的是,即使禁用了某个页签,页面仍然是可见的。

选项卡是拆分复杂对话框的一种很好的方法。另一种选择是使用QStackedWidget,为其提供一些在页面之间导航的方法,比如QToolBar或QListWidget。

QTabWidget中的大部分功能由QToolBar(位于顶部,提供选项卡)和QStackedWidget(大部分区域,组织各个页面)提供。

2. 常用属性

除了继承自QWidget的属性外,QTabWidget类提供了一些常用的属性,如下:

属性类型及说明
countint,选项卡栏中的选项卡个数
currentIndexint,当前页面的索引,-1表示没有当前部件
documentModelbool,标志选项卡部件是否以适合文档页面的模式呈现。
true不会呈现选项卡部件框架,此时适用于显示文档类型
elideModeQt::TextElideMode,如何消隐选项卡栏中的文本。
控制当没有足够的空间显示给定选项卡栏大小的项目时,如何对其进行消隐。
iconSizeQSize,选项卡栏中图标的大小。
movablebool,用户是否可以在选项卡区域内移动选项卡。
tabBarAutoHidebool,如果为true,选项卡栏包含的选项卡少于2个时,该选项卡栏将自动隐藏。默认情况下,该属性为false。
tabPositionTabPosition,选项卡栏的位置
tabShapeTabShape,选项卡小部件中选项卡的形状。
tabsClosablebool,是否将关闭按钮自动添加到每个选项卡。
usesScrollButtonsbool,当选项卡栏有多个按钮时,此属性决定是否应使用按钮滚动选项卡。
当选项卡栏中的选项卡太多而无法容纳其大小时,选项卡栏可以选择扩展其大小,也可以选择添加允许滚动选项卡的按钮。

3. 信号

QTabWidget提供的信号有:

信号说明
currentChanged()页面索引发生变化时发送该信号
tabBarClicked()用户单击索引处的选项卡时,发出该信号。
tabBarDoubledClicked()用户双击索引处的选项卡时发出该信号。
tabCloseRequested()单击选项卡上的关闭按钮时发出此信号。

4. 常用函数

除了与获取和设置属性相关的函数外,QTabWidget还提供了一些有用的函数:

  • 插入页面函数
    addTab()/insertTab(),如果在show()之后调用该函数,布局系统将尝试根据其小部件层次结构的变化进行调整,可能导致闪烁。为了防止这种情况发生,可以在更改之前将updateEnabled属性设置为false,在完成更改之后将属性设置为true,使小部件再次接收绘制事件。

  • 删除或清空
    clear(),移除所有的页面,但是不删除它们。
    removeTab(),移除指定索引处的页面,部件本身不会被删除。

  • 选项卡栏相关
    tabBar(),获取QTabBar类对象。

5. 官方示例Tab Dialog

官方示例Tab Dialog显示了如何使用QTabWidget类构建选项卡对话框。

选项卡对话框示例由一个TabDialog类组成,该类提供三个选项卡,每个选项卡都包含有关特定文件的信息,以及两个用于接受或拒绝对话框内容的标准按钮。

相关文档说明及代码见:https://github.com/Innern/Qt/tree/master/Widgets/TabWidget。

这篇关于选项卡式小部件QTabWidget的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1009304

相关文章

html css jquery选项卡 代码练习小项目

在学习 html 和 css jquery 结合使用的时候 做好是能尝试做一些简单的小功能,来提高自己的 逻辑能力,熟悉代码的编写语法 下面分享一段代码 使用html css jquery选项卡 代码练习 <div class="box"><dl class="tab"><dd class="active">手机</dd><dd>家电</dd><dd>服装</dd><dd>数码</dd><dd

选项卡制作问题--折磨了我一整天,记录下来

看老曹的html+css课程,学习html+css基础,讲到制作选项卡,以京东商城的选项卡为例,效果如下: 看着他做出来很简单,结果自己做花了2个多小时才有个样子,效果是这样的: 内部代码如下 <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-

<Rust>egui学习之小部件(九):如何在窗口中添加下拉列表combobox部件?

前言 本专栏是关于Rust的GUI库egui的部件讲解及应用实例分析,主要讲解egui的源代码、部件属性、如何应用。 环境配置 系统:windows 平台:visual studio code 语言:rust 库:egui、eframe 概述 本文是本专栏的第九篇博文,主要讲述下拉列表部件combobox的使用。 事实上,类似于iced,egui都提供了示例程序,本专栏的博文都是建立在官方示

记一次头疼事故:springSecurity无法重定向到登录页/springSecurity整合layui后,会话丢失,点击选项卡无法定位到登录页。

1、问题概述? 1、springboot工程引入了springSecurity权限框架实现用户登录功能,当刷新浏览器地址栏的时候能够自动的重定向到登录页实现登录。 2、但是项目中使用了layui的选项卡,当会话丢失的时候(或者重启工程后直接访问),选项卡无法回到登录页,而是选项卡中的数据表格报错,具体报错内容如下。 期望:当会话内容丢失,重新展示登录页。 或者 浏览器“控制台”报

HTML 实现炫酷选项卡效果

在前端开发中,创造出吸引人的交互效果能够极大地提升用户体验。今天,我将分享一段使用 HTML 和 CSS 实现的炫酷选项卡代码,并详细介绍其实现过程。 一、效果展示 我们的选项卡效果具有以下特点: 整体布局美观大方,页面居中显示。选项卡标签颜色鲜艳,分别为紫色(#a55eea)、蓝色(#45aaf2)和绿色(#26de81),且带有圆角边框和白色文字,鼠标悬停时透明度变为 0.7,增加交互反

easyui动态添加选项卡

添加方法 <script type="text/javascript"> function addTab(title, url){    if ($('#tt').tabs('exists', title)){        $('#tt').tabs('select', title);    } else {        var content = '<iframe

Axure部件库:经典安卓图标(Android Icons)

行业原型预览链接: 文件类型:.rp 支持版本:Axrure RP 8 文档名称:经典部件库:安卓图标(Android Icons) 文件大小:2.75 MB 目录内容介绍 文档内容介绍 免费领取资料  “211027” 领取

<Rust>egui学习之小部件(七):如何在窗口中添加颜色选择器colorpicker部件?

前言 本专栏是关于Rust的GUI库egui的部件讲解及应用实例分析,主要讲解egui的源代码、部件属性、如何应用。 环境配置 系统:windows 平台:visual studio code 语言:rust 库:egui、eframe 概述 本文是本专栏的第七篇博文,主要讲述颜色选择器部件colorpicker的使用。 事实上,类似于iced,egui都提供了示例程序,本专栏的博文都是建立

<Rust>egui学习之小部件(四):如何在窗口中添加滑动条部件?

前言 本专栏是关于Rust的GUI库egui的部件讲解及应用实例分析,主要讲解egui的源代码、部件属性、如何应用。 环境配置 系统:windows 平台:visual studio code 语言:rust 库:egui、eframe 概述 本文是本专栏的第四篇博文,主要讲述滑动条部件的使用。 事实上,类似于iced,egui都提供了示例程序,本专栏的博文都是建立在官方示例程序以及源代码的

<Rust>egui学习之小部件(三):如何为窗口UI元件设置布局(间隔、水平、垂直排列)?

前言 本专栏是关于Rust的GUI库egui的部件讲解及应用实例分析,主要讲解egui的源代码、部件属性、如何应用。 环境配置 系统:windows 平台:visual studio code 语言:rust 库:egui、eframe 概述 本文是本专栏的第三篇博文,主要说明如何对窗口的部件进行布局。 事实上,类似于iced,egui都提供了示例程序,本专栏的博文都是建立在官方示例程序以及