Qt QLabel行、列间距控制-CFANZ编程社区

Qt QLabel行、列间距控制

先看显示效果

Qt QLabel行、列间距控制_qt

1. QLabel设置行间距

QLabel支持html，所以可以用以下代码设置行QLabel中text的行间距：

QString text;
text.append("<p style='line-height:150%'>").append( tr("房间号：")).append(m_roomId).append("</p>")
            .append("<p style='line-height:150%'>").append(tr("考试内容：")).append("</p>")
            .append("\n\n").append("<p style='line-height:150%'>").append(m_text).append("</p>");// <p style='line-height:150%'> “内容”  </p>

ui->label->setText(text);
ui->label->setWordWrap(true); // 自动换行设置

2. QLabel设置列间距

（1）首先在QtCreator设计器中设置label属性

Qt QLabel行、列间距控制_qt_02

（2）在label属性栏选择styleSheet,点击最右边的三个点"..."

Qt QLabel行、列间距控制_行间距_03

（3）输入JavaScript代码：

QLabel{border-width: 1px;border-style: solid;border-color: rgb(85, 255, 255); color:rgb(85,255,255)}

Qt QLabel行、列间距控制_Label行列间距_04

(4) 设置 Text属性，使纵向一列，点击text最右边三个点""

Qt QLabel行、列间距控制_QtCreator_05

5. 使纵向排列，会发现每个字纵向间距很大，

Qt QLabel行、列间距控制_自动换行_06

6. 减小文字纵向间距，在代码中添加：

ui->signalCheckServiceLabel->setWordWrap(true);
    ui->signalCheckServiceLabel->setAlignment(Qt::AlignTop);
    QString s = QString::fromLocal8Bit(" 信号检测服务器");
    ui->signalCheckServiceLabel->setText(s.split("", QString::SkipEmptyParts).join("\n"));

代码中：

ui->signalCheckServiceLabel 是label控件名字

但 Qt QLabel行、列间距控制_行间距_07

0 条评论