QML Label/Text 文本居中显示

QML Label/Text 文本居中显示

文本居中显示

Rectangle {
        width: 200;            // 宽度，此时Rectangle控件在Window控件内，属于Window的孩子，可以使用parent继承
        height: 200;           // 高度，此时Rectangle控件在Window控件内，属于Window的孩子，可以使用parent
        color: "blue";         // 颜色，缺省为白色或透明（父窗口和其显示都是白色，未进一步判断）
        opacity: 0.5;          // 透明度，缺省为1
        radius: 100;           // 圆角，通过圆角来画出一个圆形窗体出来
        clip: true;            // 截断，在Rectangle控件内的子控件，超出他本身大小后会被截断
                               // 注意：clip的截断以大小为界限，不以圆角为界限

        Label {
            text: "Hello World" 	//文本内容
            color: "black" 			//文本颜色,缺省为黑色
            width: parent.width 	// 文本控件的宽度，缺省为0，但是会显示文字
            height: parent.height 	// 文本控件的高度，缺省为0，但是会显示文字
            font.pixelSize: 13 		//字体像素大小，缺省为12
            font.bold: true  		//字体是否加粗，缺省为false
            font.underline: false 	//字体是否有下划线，缺省为false
            verticalAlignment: Text.AlignVCenter 	//垂直居中，控件必须有height才可以使用
            horizontalAlignment: Text.AlignHCenter 	//水平居中，控件必须有width才可以使用
        }
    }

效果：

---