QML Label/Text 普通文本显示

QML Label/Text 普通文本显示

支持库 import QtQuick.Controls 1.4（重要）

普通文本显示

Rectangle {
        x: 0;                  // 位于父窗体的x位置，以左上角为起点，缺省为0
        y: 0;                  // 位于父窗体的y位置，以左上角为起点，缺省为0
        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" 					//文本颜色,缺省为黑色
            anchors.top: parent.top 		//顶部锚点，继承parent的顶部
            anchors.left: parent.left 		//左侧锚点，继承parent的左侧
            //anchors.right: parent.right   //右侧锚点，继承parent的右侧
            //anchors.bottom: parent.bottom //底部锚点，继承parent的底部
            anchors.topMargin: 5 			//顶部锚点距离，注意：必须有顶部锚点存在时，才可以使用此属性
            anchors.leftMargin: 5 			//左侧锚点距离，注意：必须有左侧锚点存在时，才可以使用此属性
            font.pixelSize: 13 				//字体像素大小，缺省为12
            font.bold: true  				//字体是否加粗，缺省为false
            font.underline: false 			//字体是否有下划线，缺省为false
        }
    }

效果：

---

上一篇 ： QML Rectangle 圆形 矩形画圆

目录：QML开发笔记(三)：了解QML控件元素

下一篇：QML Label/Text 文本居中显示

---

觉得有用的请点个赞~ 拜谢