QML提供的text显示文本，只读显示不能读写。和我们一般的文档软件的显示大同小异，只不过文档提供了直接设置，这里我们需要对Text的属性进行设置，达到我们想要的效果
Rectangle{ height: 400 width: 400 anchors.centerIn: parent Text{ id:text_test width: 200 anchors.horizontalCenter: parent.horizontalCenter clip :true //是否剪切掉超出显示范围的文字，默认false text:"Hello World" //需要显示的文字 color: "red" //文字颜色 font.family: "Corbel" //字体 font.pixelSize: 25 //字体大小设置为像素 //font.pointSize: 100 //将字体的大小设置为点,存在pixelSize设置，本设置无效 font.bold: true //是否加粗，默认为false font.capitalization: Font.MixedCase //设置文本大小写，不使用大小写,默认值 //font.capitalization: Font.AllUppercase //全部使用大写 //font.capitalization: Font.AllLowercase //全部使用小写 //font.capitalization: Font.SmallCaps //小写字母使用小大写 //font.capitalization: Font.Capitalize //第一个单词第一个字符大写 font.italic: true //设置字体是否斜体样式，默认false font.letterSpacing: 8 //设置字母之间的距离，正数为增加默认距离，负数为减少 font.strikeout: true //设置是否有删除线（中间一条线），默认false font.underline: true //设置是否有下滑线，默认false //font.weight: Font.Light //font.weight: Font.Normal //font.weight: Font.DemiBold //font.weight: Font.Bold //font.weight: Font.Black font.wordSpacing: 10 //设置单词之间的距离 //horizontalAlignment: Text.AlignRight //右对齐 //horizontalAlignment: Text.AlignLeft //左对齐 //horizontalAlignment: Text.AlignHCenter //中间对齐 horizontalAlignment: Text.AlignJustify //verticalAlignment: Text.AlignTop //上对齐 verticalAlignment: Text.AlignBottom //下对齐 //verticalAlignment: Text.AlignVCenter //中间对齐 smooth:true //是平滑 //style: Text.Normal 设置字体样式 //style: Text.Outline // style: Text.Raised //style: Text.Sunken styleColor: "blue" //配合style使用 //textFormat: Text.AutoText //文本属性显示方式 //textFormat: Text.PlainText //textFormat: Text.RichText //textFormat: Text.StyledText //wrapMode: Text.NoWrap //换行属性设置，但需要明确宽度 //wrapMode: Text.WordWrap // //wrapMode: Text.WrapAnywhere //wrapMode: Text.Wrap //elide: Text.ElideRight //超出显示范围的用...代替 //elide: Text.ElideNone //elide: Text.ElideMiddle // elide: Text.ElideLeftonImplicitWidthChanged: { //显示的文本本身的长度发生变化触发信号 console.log("implicitWidth = ",text_test.implicitWidth) } } Column{//下面显示的是text的只读属性 spacing: 5 y:150 anchors.horizontalCenter: parent.horizontalCenter Text{ text:">
