Qt text-align和padding属性

  1. text-align属性是用来设置文本的水平对齐方式。
  • text-align: center 文本将居中显示
  • text-align: left 文本将左对齐显示
  • text-align: right 文本将右对齐显示
  1. 内边距padding: 内边距是元素内容与其边框之间的空间
  • padding-left: 10px; 距离内左边距10个像素点
  • padding-right: 10px; 距离内右边距10个像素点
  • padding-top: 10px; 距离内上/顶边距10个像素点
  • padding-bottom: 10px; 距离内下/底边距10个像素点

结合使用:

cpp 复制代码
# 按钮pushButton的文本:1)左对齐显示; 2)距离内左边框10个像素点距离。
ui->pushButton->setStyleSheet("QPushButton{text-align:left; padding-left:10px; }");

场景使用:部件的文本在自身的某个区域居中显示

方案1:在原始部件A的某区域嵌套一个Label标签,在标签中居中显示文本。

缺点:若是在复杂的系统中,需要解决新增部件和原始部件的配合关系,难度和编码量稍大。

方案2:text-align属性和padding属性结合使用

优点:难度小和编码量少。

cpp 复制代码
# 文本距离左边距10个像素点,距离右边距30个像素点,并居中显示
ui->pushButton->setStyleSheet("QPushButton{text-align:left;padding-left:10px; text-align:right;padding-right:30px; text-align:center;}");

例子:

原始按钮布局显示:

期望:在圈中的区域居中显示该按钮文本

结果:

相关推荐
NiceBlueChai43 分钟前
Qt 跨线程传递多容器嵌套结构:一次 Release 实测
开发语言·qt
扶尔魔ocy1 小时前
【QT android】模仿行车记录仪案例
android·qt
zhanghaha131413 小时前
Qt 类本质就是 C++ 的类,只是 Qt 框架扩展了一套【QObject 对象模型】
qt
Cx330❀20 小时前
深入浅出 Qt 绘图机制:从 QPainter 到四大图像类解析
开发语言·qt·ui·性能优化·图形渲染
Littlehero_1211 天前
QT自定义控件之水泥厂组态(源码开源)
开发语言·qt
代钦塔拉1 天前
【C++/Qt 进阶】设计模式系列(6):桥接模式——把“两个独立变化的维度“拆开
c++·qt·设计模式
156082072191 天前
银河麒麟 Qt 可执行文件打包说明
开发语言·驱动开发·qt
Quz1 天前
QML GridView 布局:网格排布与排列方向
qt
Quz1 天前
QML GridView 动态:增删过渡与滚动定位
qt
沫璃染墨2 天前
《Qt从零入门系列(十四):QThread多线程详解——从线程创建到客户端阻塞处理》
开发语言·c++·笔记·qt·ui·交互·线程