演示

这里如下图，上个的那个是TextField，下面的那个是TextInput加一个Rectangle

其中上面那个蓝框包着的就是TextField，下面那个是TextInput

这里的最大区别就是如下，当数据很长的时候，是这样的

从中可以看到，使用TextInput他的范围可能会出Rectangle的范围，但是这种的比较灵活，可以完成很多的功能！

或者限制TextInput的输入。比如只能输入15个字符，这样也是可以绕过去的！

代码

公共代码：

main.qml

import QtQuick 2.9
import QtQuick.Window 2.2Window {visible: truewidth: 500height: 900title: qsTr("九州修仙大陆")Login{id: loginwidth: parent.widthheight: parent.height}}

TextField

的代码：

TextField{height: userNameText.heightwidth: loginBtn.width * 1.5font.pointSize: passwdNormalSize - 5focus: true
}

TextInput加Rectangle的输入框：

Rectangle {width: loginBtn.width * 1.5height: passwdInput.contentHeight + 5color: "white"border.color: "grey"anchors.horizontalCenter: passwdText.CenterTextInput {id: passwdInputanchors.fill: parentanchors.margins: 2font.pointSize: passwdNormalSizefocus: trueanchors.horizontalCenter: passwdText.Center}
}

QML工作笔记-2种输入框的使用（TextField与TextInput）相关推荐

QML工作笔记-文本输入设置长度以及回显方式（TextInput与TextField通用）
目录基本概念代码及演示基本概念这是一个很常用到的功能,特意记录下: 一般输入框会用到2个,一个是TextInput一个是TextField. 因为TextInput加Rectangle如果太长 ...
C/C++|Qt工作笔记-4种方法判断当前对象（类）名或标识（继承发，typeid法，元对象className()法，Q_CLASSINFO法）
回想起3个月前,刚刚参加工作也做过类似的笔记,但只有2种方法,估计刚毕业没有什么墨水,经过3个月时间又多了2种方法: 这些方法都可用于RTTI 第一个方法是继承发(C++中很推荐用这个,感觉用这个结构 ...
QML工作笔记-为TestField戴上皮肤
目录基本概念代码及演示源码打包下载基本概念以目前的技术累计来说,有3种方式进行美化! 1. 修改TextField本生的属性: 2. 加上TextFieldStyle进行美化: 3. 在Te ...
QML工作笔记-为PushButton戴上皮肤
目录基本概念博主例子源码打包下载基本概念以前写过一个PushButton的基本用法,链接如下: https://blog.csdn.net/qq78442761/article/detail ...
QML工作笔记-PC端和Android端布局错位问题
目录问题演示解决办法问题演示比如如下的程序,在PC端运行: 而在Android端: 可见有如下的问题.造成这个原因可以是两平台的差异.得手动调整Android端的布局解决办法参考我以前的这 ...
Qt工作笔记-三种方式解决Qt5中文编码问题
目录前言方式一方式二方式三三种方式解决Qt5中文编码问题前言这里不谈原理,只说如何去做! 这里本人自己总结下,今天遇到了新的编码问题,在此记录下,方面以后快速调用. 把这三种方法顺序试下 ...
QML工作笔记-Key Element的使用
目录基本概念演示及代码源码打包下载基本概念 Key允许按键,这个比QGraphics框架好用多了,开发起来真的是快. 演示及代码演示运行截图如下: 程序结构如下: 源码如下: main.cp ...
QML工作笔记-NumberAnimation、RotationAnimation、Timer综合使用
目录例子及演示打包下载例子及演示运行截图如下: git图如下: 程序结构如下: 源码如下: main.cpp #include <QGuiApplication> #include ...
QML工作笔记-仿前端滑出界面（JavaScript）
目录基本概念代码及演示源码打包下载基本概念 qml可以使用JavaScript完成一些动画的功能,其中可以写一个Js文件,并且导入,这样可以让程序结构更加清晰: 但这个JavaScript和w ...

QML工作笔记-2种输入框的使用（TextField与TextInput）

演示

代码

QML工作笔记-2种输入框的使用（TextField与TextInput）相关推荐

最新文章

热门文章