Text例子

例一

import QtQuick 2.2
import QtQuick.Window 2.2
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Rectangle {
        width: 300;
        height: 200;
        color: "#A0A0A0";
        Text {
            width: 150;
            height: 100;
            wrapMode: Text.WordWrap;     //循环模式:整字换行
            font.bold: true;       //字体加粗
            font.pixelSize:24;
            font.underline:true;
            text:"Hello Blue Text";
            anchors.centerIn:parent;
            color:"blue";

        }

        }
}

运行结果如下

1

例二

import QtQuick 2.2
import QtQuick.Window 2.2
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Rectangle {
        width: 300;
        height: 200;
        color: "#A0A0A0";
        Text {
            id: normal;
            anchors.left:parent.left;
            anchors.leftMargin:40;
            anchors.top: parent.top;
            anchors.topMargin: 20;
            font. pointSize:24;
            text: "Normal Text";
            color:"blue";
        }
        Text {
            id: raised;
            anchors.left:normal.left;
            anchors.top: normal.bottom;
            anchors.topMargin: 4;
            font. pointSize:24;
            text: "Raised Text";
            style: Text.Raised;
            styleColor: "#AAAAAA";
        }
        Text {
            id: outline;
            anchors.left:normal.left;
            anchors.top: raised.bottom;
            anchors.topMargin: 4;
            font. pointSize:24;
            text: "Outline Text";
            style: Text.Outline;
            styleColor: "red";
        }
        Text {
            anchors.left:normal.left;
            anchors.top: outline.bottom;
            anchors.topMargin: 4;
            font. pointSize:24;
            text: "Sunken Text";
            style: Text.Sunken;
            styleColor: "#A00000";
        }

     }
}

运行结果如下:

2

猜你喜欢

转载自blog.csdn.net/weixin_44730555/article/details/89187246