QML之TextEdit

QML中的元素TextEdit文本编辑器支持多行编辑。编辑多行时候想要换行的时候使用确定按键Enter进行换行，还可以设置属性wrapMode设置自动换行模式。其他的编辑设置属性我们下面代码讨论。

Rectangle{

       anchors.centerIn: parent

       height: 200

       width: 500

       radius: 5

       color: "gray"

       Component {

           id:comp_text

           Rectangle{

               height: 50

               width: parent.parent.width/2

               radius: 5

               color: "blue"

           }

       }

       //下面两个方框用于操作 TextEdit的一些操作方式

       Rectangle{

           id:rec1

           anchors.left: parent.left

           anchors.leftMargin: 150

           y:10

           height: 40

           width: 60

           radius: 3

           color: mou1.pressed ? "red":"blue"

           MouseArea{

               id:mou1

               anchors.fill: parent

               onClicked: {

                  //mytext.copy()//复制选择的内容

                   //mytext.cut() //剪切选择的内容

                   //mytext.closeSoftwareInputPanel();

                   //mytext.deselect();//删除活动文本选中，意思就是去掉选中框，不选了；

                   //mytext.select(2,5); //选中第2到第5个字符

                   //mytext.selectAll(); //选中全部

                   //mytext.selectWord();// 最接近光标的单词被选中

               }

           }

       }

       Rectangle{

           anchors.right: parent.right

           anchors.rightMargin: 150

           y:10

           height: 40

           width: 60

           radius: 3

           color: mou2.pressed ? "red":"blue"

           MouseArea{

               id:mou2

               anchors.fill: parent

               onClicked: {

                   mytext.paste();//粘贴

               }

           }

       }

       TextEdit{ //确定按键enter换行

           id:mytext

           height: 50

           width: parent.width

           anchors.centerIn: parent

           color: "red"

           font.pixelSize: 30

           font.bold: true //加粗，默认false

           font.italic: false //是否用斜体,默认false

           font.letterSpacing: 0 //字母之间距离，正表示增加，负表示缩小，0表示默认距离

           font.wordSpacing: 0 //单词之间的距离，说明同上行

           font.strikeout: false //设置字体是否有删除线，默认false

           font.underline: false //设置字体是否有下划线，默认false

           activeFocusOnPress: true //默认true,鼠标点击是否能输入。

           //readOnly: true  //设置只读

           //cursorDelegate: comp_text//光标也就是输入区域的高显，该委托起点是输入的终点

           //cursorVisible: false

           //cursorPosition: 200

           //设置文本的大小写

           //font.capitalization: Font.MixedCase //不使用大小写改变

           //font.capitalization: Font.AllUppercase //所有的都大写

           //font.capitalization: Font.AllLowercase //所有的都小写

           //font.capitalization: Font.SmallCaps //使用小大写，

           //font.capitalization: Font.Capitalize  //单词的第一个字母大写

           //font.weight: Font.Light

           //font.weight: Font.Normal

           //font.weight: Font.DemiBold

           //font.weight: Font.Bold

           //font.weight: Font.Black

           //文本的对齐方式，顾名思义

           //horizontalAlignment: TextInput.AlignHCenter

           //horizontalAlignment: TextInput.AlignLeft

           //horizontalAlignment: TextInput.AlignRight

            selectByMouse: true //是否可以选择文本

            //选择文本的方式，只有selectByMouse为真才有效

           //mouseSelectionMode: TextInput.SelectCharacters //一个字符为单位选择，默认

           //mouseSelectionMode: TextInput.SelectWords      //一个单词为单位选择

            selectedTextColor: "black" //设置选择文本的字体颜色

            selectionColor: "white"    //设置选择框的颜色

            //text:"hello" //输入文本默认显示的，可以修改和增加

            //换行设置

            //wrapMode: TextEdit.NoWrap //不执行自动换行，默认

            //wrapMode: TextEdit.WordWrap //根据单词换行

            //wrapMode: TextEdit.WrapAnywhere //任意处换行，即达到显示长度就换行

            //wrapMode: TextEdit.Wrap //自动合适换行，已单词优先

            //文本的显示方式

            //textFormat: TextEdit.AutoText

            //textFormat: TextEdit.PlainText

            //textFormat: TextEdit.RichText

            onLinkActivated: console.log("onLinkActivated");//链接或富文本点击时执行

       }

       Text{//显示编辑文本的只读属性

           id:mytext_read

           color: "green"

           anchors.bottom: parent.bottom

           font.pixelSize: 25

           //text: mytext.acceptableInput + "  " + mytext.canPaste +" " +mytext.inputMethodComposing

           //选择文本的开始点 + 选择文本 + 选择文本结束

          // text: mytext.selectionStart + " " + mytext.selectedText + " " +mytext.selectionEnd

           //

           //text: mytext.lineCount //行数

       }

   }