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;}");

例子:

原始按钮布局显示:

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

结果:

相关推荐
YouEmbedded1 小时前
解码信号与槽(含 QTimer 应用)
qt·定时器·信号与槽
小灰灰搞电子1 小时前
Qt SCXML 模块详解
开发语言·qt
开始了码1 小时前
UDP 协议详解与 Qt 实战应用
qt·网络协议·udp
深蓝海拓16 小时前
PySide6从0开始学习的笔记(三) 布局管理器与尺寸策略
笔记·python·qt·学习·pyqt
꧁坚持很酷꧂17 小时前
Windows安装Qt Creator5.15.2(图文详解)
开发语言·windows·qt
淼淼76318 小时前
QT表格与数据
开发语言·qt
小灰灰搞电子18 小时前
Qt 实现炫酷锁屏源码分享
开发语言·qt·命令模式
追烽少年x20 小时前
Qt面试题合集(二)
qt
零小陈上(shouhou6668889)20 小时前
YOLOv8+PyQt5玉米病害检测系统(yolov8模型,从图像、视频和摄像头三种路径识别检测)
python·qt·yolo
蓝天智能21 小时前
QT实战:qrc资源动态加载
qt