QML 文本元素

最新推荐文章于 2025-05-03 11:39:08 发布

原创最新推荐文章于 2025-05-03 11:39:08 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt

Qt 专栏收录该内容

22 篇文章

订阅专栏

这篇博客详细介绍了如何使用QtQuick进行文本显示的设置，包括文本的宽度、高度、省略方式、风格、颜色、字体等属性的配置。通过示例代码展示了如何创建一个带有凹陷风格、顶部对齐的红色楷体文本，以及实现文字的WordWrap换行。对于QtQuick初学者来说，这是理解UI元素样式定制的一个实用教程。

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 280
    height: 180
    title: qsTr("Text")

    Text {
        width: 38   //宽度
        height: 118 //高度
        text: "I Have A Dream!" //文本内容
        elide: Text.ElideLeft //省略：省略文本左边内容
        style: Text.Sunken  //风格：凹陷
        styleColor: '#FFF888'   //风格颜色
        verticalAlignment: Text.AlignTop    //水平对齐：顶部对齐
        wrapMode: Text.WordWrap //换行模式
        color: "red"            //文本颜色
        font.family: "KaiTi"    //字体族：楷体
        font.pixelSize: 18      //字体大小
    }
}