赞
踩
TextInput是QML中一个可编辑输入行元素,只能编辑显示一行,拥有较多的属性,可支持复制黏贴等操作,下面用代码介绍一般使用到的属性再加以说明。
Rectangle{anchors.centerIn: parentheight: 200width: 500radius: 5color: "gray"Component {id:comp_textRectangle{height: 50width: parent.parent.width/2radius: 5color: "blue"}
}
//下面两个方框用于操作 TextInput的一些操作方式Rectangle{id:rec1anchors.left: parent.leftanchors.leftMargin: 150y:10height: 40width: 60radius: 3color: mou1.pressed ? "red":"blue"MouseArea{id:mou1anchors.fill: parentonClicked: {//mytext.copy()//复制选择的内容//mytext.cut() //剪切选择的内容//mytext.closeSoftwareInputPanel();//mytext.deselect();//删除活动文本选中,意思就是去掉选中框,不选了;//mytext.select(2,5); //选中第2到第5个字符//mytext.selectAll(); //选中全部//mytext.selectWord();// 最接近光标的单词被选中}
}
}
Rectangle{anchors.right: parent.rightanchors.rightMargin: 150y:10height: 40width: 60radius: 3color: mou2.pressed ? "red":"blue"MouseArea{id:mou2anchors.fill: parentonClicked: {mytext.paste();//粘贴}
}
}
TextInput{id:mytextheight: 50width: parent.widthanchors.centerIn: parentcolor: "red"font.pixelSize: 30//maximumLength: 5 //最大输入长度,单位是字符,默认32767font.bold: true //加粗,默认falsefont.italic: false //是否用斜体,默认falsefont.letterSpacing: 0 //字母之间距离,正表示增加,负表示缩小,0表示默认距离font.wordSpacing: 0 //单词之间的距离,说明同上行font.strikeout: false //设置字体是否有删除线,默认falsefont.underline: false //设置字体是否有下划线,默认falseactiveFocusOnPress: true //默认true,鼠标点击是否能输入。autoScroll: true //文本长度大于宽度时是否滚动,默认true//readOnly: true //设置只读//inputMask: "you" //替代输入,相当text显示you,个人理解//cursorDelegate: comp_text//光标也就是输入区域的高显,该委托起点是输入的终点//cursorVisible: false//cursorPosition: 200//echoMode: TextInput.Password //显示密码符而不是输入的字符//echoMode: TextInput.Normal //默认的显示输入的字符//echoMode: TextInput.NoEcho //什么都不显示//echoMode: TextInput.PasswordEchoOnEdit//passwordCharacter: "*k" //设置模式为密码时显示的字符,第一个字母有效//设置文本的大小写//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.AlignRightselectByMouse: true //是否可以选择文本//选择文本的方式,只有selectByMouse为真才有效//mouseSelectionMode: TextInput.SelectCharacters //一个字符为单位选择,默认//mouseSelectionMode: TextInput.SelectWords //一个单词为单位选择selectedTextColor: "black" //设置选择文本的字体颜色selectionColor: "white" //设置选择框的颜色//text:"hello" //输入文本默认显示的,可以修改和增加onAccepted: console.log("accepted") //当按下回车键触发该信号//需要注意的是当设置了验证器validator或者掩码inputMask时,只有在输入被接受的情况下才能触发//validator: IntValidator{bottom: 5;top:120}//只接受5-120之内的值,当输入为4按回车时没有触发onAccepted。// validator: DoubleValidator{// bottom: 10.00// top:150.01// decimals: 3 //保留小数点位数// //notation: DoubleValidator.StandardNotation// //notation: DoubleValidator.ScientificNotation// }}
Text{//显示编辑文本的只读属性id:mytext_readcolor: "green"anchors.bottom: parent.bottomfont.pixelSize: 25//text: mytext.acceptableInput + " " + mytext.canPaste +" " +mytext.inputMethodComposingtext: mytext.displayText //只读属性,输入的内容//选择文本的开始点 + 选择文本 + 选择文本结束// text: mytext.selectionStart + " " + mytext.selectedText + " " +mytext.selectionEnd//}
}
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。