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

例子:

原始按钮布局显示:

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

结果:

相关推荐
慧都小项16 小时前
当边缘AI上产线:QtitanDocking 如何让工业 HMI 实现多视图协同
人工智能·qt·ui·边缘计算·qt6.3
Quz18 小时前
QML SwipeDelegate 滑动委托
qt
Quz19 小时前
QML 列表中的四种委托:ItemDelegate、CheckDelegate、RadioDelegate、SwitchDelegate
qt
实心儿儿20 小时前
Qt — 显示类控件
qt
江湖人称菠萝包2 天前
【Qt】《Qt 5.9 C++开发指南》笔记-Chapter9-Qt Charts
笔记·qt·qt5
扶尔魔ocy2 天前
【QT android】环境安装及第一个QT项目
qt·andriod开发
江湖人称菠萝包2 天前
【Qt】《Qt 5.9 C++开发指南》笔记-Chapter10-Data Visualization
笔记·qt·qt5
Cx330❀2 天前
Qt 常用控件属性与底层机制详解:从窗口半透明、浮点数陷阱到 QSS 与焦点策略
qt·ui·图形渲染
Quz2 天前
QML DelegateChooser:多条件组合与按列选择委托
qt
Quz2 天前
QML DelegateChooser:按角色选择委托与按索引选择委托
qt