QML TEXT元素

TEXT元素

本文出自《Qt5CadaquesInChinese 》

import QtQuick 2.5import QtQuick.Window 2.2    Rectangle {    width: 360    height: 360    Text {    id: label    x: 0; y: -300    property int spacePresses: 0    text: "Space pressed: " + spacePresses + " times"    width: 360; height: 360    // 省略文本位置，此处为中间省略    //elide: Text.ElideMiddle    // red sunken text styling    //字的样式    style: Text.Outline    //样式颜色    styleColor: '#FF4444'    //字体大小    font.pixelSize: 20    //文本显示的位置    verticalAlignment: Text.AlignBottom    //并且希望使用文字换行的方    //式显示所有的文本，你可以使用wrapMode属性（这个属性只在明确设置了宽度后才生效）    wrapMode: Text.WordWrap    onTextChanged: console.log("text changed to:", text)    //接收按键    focus: true    //    Keys.onSpacePressed: {    increment()    }    Keys.onDigit1Pressed: {        increment()    }    Keys.onUpPressed: {         increment()    }（text: "Space pressed:" + spacePresses + "times")被销毁    Keys.onEscapePressed: {    label.text = ''    }    function increment() {    spacePresses = spacePresses + 1    }    }    MouseArea {    anchors.fill: parent    onClicked: {    Qt.quit();        }            }                 }