Qt Quick Controls2 —Text的使用

Text{
        id:text_test

                    width: 200

                    anchors.horizontalCenter: parent.horizontalCenter

                    clip :true  //是否剪切掉超出显示范围的文字,默认false

                    text:"Hello Wo111111111111111111111"      //需要显示的文字

                    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.WrapAnywhere   //换行属性设置,但需要明确宽度

                   // wrapMode: Text.WordWrap    //

               //wrapMode: Text.WrapAnywhere

                    //wrapMode: Text.Wrap

                    elide: Text.ElideRight //超出显示范围的用...代替

                    //elide: Text.ElideNone

                    //elide: Text.ElideMiddle

                    // elide: Text.ElideLeft
                    lineHeightMode:Text.FixedHeight  //行距
                    lineHeight:20
                    maximumLineCount:2

            onImplicitWidthChanged:  { //显示的文本本身的长度发生变化触发信号
                    console.log("implicitWidth = ",text_test.implicitWidth)
                    console.log("implicitHeight = ",text_test.implicitHeight)
                    }
    }
发布了85 篇原创文章 · 获赞 27 · 访问量 10万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章