QTabWidget用样式改变分页按钮大小

最新推荐文章于 2022-12-28 10:26:05 发布
最新推荐文章于 2022-12-28 10:26:05 发布
阅读量3.6k 收藏 5
点赞数 2
分类专栏： QT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/keepwhiter/article/details/94613230
版权

简述

  • QTabWidget是一个非常便利的分页控件，在ui中拖入该控件，我们可以自由的增添或减少页数，然后在每个页面中加入内容，便可以在程序运行界面自由切换查看每页添加的内容。
  • QTabWidget左上角按钮默认是很小的，可以通过更改样式来改变大小或做美化。

操作

QTabWidget左上角按钮大小设置：

  1. 在ui中选中QTabWidget控件，右击弹窗后选择 “改变样式表”
  2. 在"编辑样式表"窗口中添加以下代码，分别设置按钮宽和高
QTabBar::tab{width:80}

QTabBar::tab{height:30}
  1. 应用后确认退出，即可看到设置后的模样
夜阑高歌
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
定制QWidget标题栏的示例,并含有qss配置QTabWidget样式的示例
04-10
定制QWidget标题栏的示例,并含有qss配置QTabWidget样式的示例，以及展示如何显示一个不在状态栏出现的窗口
qtabwidget 高度_QStyle Tabs QTabWidget QTabBar样式设计 （十）
weixin_39816062的博客
12-20 760
在Qt中，QTabBar使用样式绘制其选项卡。 选项卡存在于包含QTabBar的QTabWidget中，也可以作为单独的栏存在。如果该栏不是选项卡小部件的一部分，它将绘制自己的基数。QTabBar布局选项卡，因此样式无法控制选项卡的放置。但是，在布局其选项卡时，该栏会询问PM_TabBarTabHSpace和PM_TabBarTabVSpace的样式，该样式在选项卡栏选项卡标签的最小尺寸(图标和文...
Qt5 TabWidget的TabBar大小设置
WSG的博客--盛年不重来,一日难再晨.及时当勉励,岁月不待人.
01-01 4907
TabWidget->tabBar()->setStyleSheet("QTabBar::tab{min-height: 30px; min-width: 80px;}");
qtabbar设置不同宽度_QTabWidget修改tabbar的大小
weixin_39605345的博客
02-04 3047
m_tab=new tabWidget;m_tab->addTab(m_UnaddedList_train,QString("train"));m_tab->addTab(m_UnaddedList_station,QString("station"));m_tab->addTab(m_UnaddedList_group,QString("group"));//m_tab-&gt...
Qt TabWidget QTabBar 宽高设置
weixin_34066347的博客
06-13 1861
/*************************************************************************** * Qt TabWidget QTabBar 宽高设置 * 说明： * 由于Qt界面上TabWidget显示有点小，不好按，调整一下宽高，不过右侧的左右 * 移动隐藏的tab的按钮目前还不...
QT设置QTabWidget中的tabBar选项卡宽度自适应
weixin_38590041的博客
08-05 5162
想要设置QTabWidget中的选项卡根据窗口大小进行自适应宽度设置，但是QT没有自带这个函数。在查了网上的一下教程后，看到基本上都是先获取窗口的宽度和选项卡的数量，再用宽度除以数量进行选项卡的自适应。我在使用这个方法后，发现这个方法不太好用，会让选项卡的边框出现一些bug。于是和同学找到了另外一种简单方法。通过获取窗口的宽度，再将选项卡的最小宽度设置为窗口的宽度，就可以实现选项卡的自适应。...
最详细的QTabWidget的样式设置
weixin_45699595的博客
12-28 1万+
QTabWidget的样式设置
qt addWidget 子页面跟随窗口改变大小
zcc的博客
01-19 1223
初学qt，我使用 QStackedLayout 做了 一个 切换导航栏 到 不同页面的项目，链接： ​​​​​​qt 实现导航栏切换页面功能 QStackedLayout_zcc的博客-CSDN博客 导航栏是公用的在widget 里 ，3个页面用 addWidget 放到了 widget 的ui->widget_2 里。 现在我拉伸窗口变化时，想让 子页面 宽高跟随变化，我之前大小限定 设置了 最大大小，按下箭头 就可以 跟随窗口缩放了。 ...
QTabWidget详解
11-25
QTabWidget详解,带右键菜单,QTabWidget详解,带右键菜单QTabWidget详解,带右键菜单QTabWidget详解,带右键菜单
Qt:tableWidget分页功能，并且插入控件
chen_jin_sheng的博客
11-03 4310
在tableWidget加入控件主要用： void QTableWidget::setCellWidget(int row, int column, QWidget *widget) int rowCount = ui->tableWidget->rowCount(); QWidget *myWidget = new QWidget; QVBoxLayout *hLayout = new QVBoxLayout(); QCheckBox *ckb = new QCheckBox(); //
Qt 容器控件之Tab Widget 使用详解
陈子青的博客
07-19 1万+
QTabWidget的一种带标签页的窗口，在这种类型的窗口中可以存储多个子窗口，每个子窗口的显示可以通过对应的标签进行切换。//当一个选项卡栏有太多的标签时，选项卡栏可以选择扩大它的大小，或者添加按钮，让标签在选项卡栏中滚动。//判断index对应的选项卡是否是被启用的,如果是被启用的返回true,否则返回false。//如何省略标签栏中的文本,此属性控制在给定的选项卡栏大小没有足够的空间显示项时如何省略项。//如果enable为true，则在索引位置的页面是启用的;......
（随笔）QTabWidget改变标签页的顺序
jellocomeon的专栏
11-26 2453
初用Qt，QtabWidget多个页面的顺序被打乱了。要调回跟自己设计的tab页顺序，先将QTabWidget下面的movable属性选上，上下拖动页面标签可以调整先后顺序，调好之后，再将movable去掉勾选。 这样每个页面的当前标签索引号能跟自己设定的页面顺序一致。 另外，控件上如下"红色圆圈中一横"，这样的标识表示没有布局，设置布局后标识就会消失 譬如：Lay out ——》Lay...
QTabWidget 改变Tarbar文字方向
07-11
QTabWidget改变Tarbar位置并修改文字方向
【Python_PySide2学习笔记（二）】QTabWidget 添加布局Layout\QTabWidget内控件大小自适应父窗体大小
禾戊之昂的博客
10-25 4321
QTabWidget 添加布局Layout \ QTabWidget 内控件大小设置自适应父窗体
QTabWidget 样式表必知必会
热门推荐
shengzhe8688的专栏
08-06 1万+
1.设置QTabWidget 的Tab标签下面窗格的样式 QTabWidget#tabwidget_DevMang::pane { border-top: 3px solid black; border-left: 3px solid black; background-color: green; left:5px; right:5px;
QT tabWidget样式表
雒珣的博客
10-25 3263
QT tabWidget 样式 关闭按钮 close-button翻页按钮 tool-button
QT动态添加页面---QTabWidget中遇到的问题
Lady_gala的专栏
03-27 9241
QT动态添加页面---QTabWidget中遇到的问题：1.使用Qt Design添加了tabWidget，默认有两个页面，之后你想动态添加，则会在此基础上添加？解决：    ui->tabWidget->removeTab(0);                ui->tabWidget->removeTab(0);    删除第一个tab之后，第二个tab会变成第一个t...
QTabWidget使用
11-25
QTabWidget使用,适合新手,QTabWidget使用,适合新手,QTabWidget使用,适合新手
QTabWidget设置样式
最新发布
04-07
QTabWidget是Qt中的一个控件，用于显示多个选项卡，可以通过设置样式来自定义选项卡的外观。 以下是一个简单的示例，演示如何设置QTabWidget的样式： ```python from PyQt5.QtWidgets import QApplication, QTabWidget, QWidget, QVBoxLayout from PyQt5.QtGui import QColor, QPalette app = QApplication([]) tab_widget = QTabWidget() # 创建三个选项卡 tab1 = QWidget() tab2 = QWidget() tab3 = QWidget() # 将选项卡添加到QTabWidget中 tab_widget.addTab(tab1, "Tab 1") tab_widget.addTab(tab2, "Tab 2") tab_widget.addTab(tab3, "Tab 3") # 设置QTabWidget的样式 style_sheet = """ QTabWidget::tab-bar { alignment: center; } QTabBar::tab { background-color: #777; color: white; height: 30px; width: 100px; } QTabBar::tab:selected { background-color: #fff; color: black; } """ tab_widget.setStyleSheet(style_sheet) # 显示QTabWidget tab_widget.show() app.exec_() ``` 这个例子中，我们创建了一个QTabWidget，并添加了三个选项卡。然后，我们使用样式表设置QTabWidget的样式。在样式表中，我们使用了几个关键字来设置不同的部分： - `QTabWidget::tab-bar`：用于设置选项卡的整个容器。 - `QTabBar::tab`：用于设置每个选项卡的样式。 - `QTabBar::tab:selected`：用于设置选中的选项卡的样式。 在这个例子中，我们设置选项卡的背景色为灰色，文字颜色为白色，高度为30像素，宽度为100像素。当选项卡被选中时，我们将背景色设置为白色，文字颜色设置为黑色。 通过设置QTabWidget的样式，我们可以自定义选项卡的外观，以便更好地适应我们的应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

夜阑高歌

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

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

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

打赏作者

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

抵扣说明：

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

余额充值