• 2733阅读
  • 4回复

QtQuick/Qml自定义控件(2)-IP地址输入框 [复制链接]

上一主题 下一主题
离线zhengtianzuo
 

只看楼主 倒序阅读 楼主  发表于: 2019-04-10
QtQuick没有提供IP输入框控件, 于是我打算自定义开发一个. 首先来看看windows系统里的IP输入框有哪些特性
4个输入框 中间由3个点间隔. 再看看动态的

这里可以看出来 特性1 在第一栏输入三位数字后, 输入焦点自动切换到第二栏了.

再来看看特性2 在第二栏输入的时候 按键盘左方向移动 可以回到第一栏 向右也应该是同理的
在看看删除输入的情况 特性3

删除的时候, 如果本栏删除完. 也会顺带将输入焦点移动到前一栏去.
特性4 输入框肯定是有输入限制的, 比如中文, 超过255的数字, 特殊符号等, 这个我们可以用正则表达式来完成.
基于这4个特性 就可以开始开发了. 首先我们使用4个TextInput和3个Text就可以组装好主体界面, 再加一个外边框 搞定

接着加入输入焦点的判断和移动, 另外输入栏加入正则表达式. 完工.




访问三峰驼Qml控件大全



  仅此文章的功能



联系方式:
作者:郑天佐
QQ:278969898
主页: http://www.camelstudio.cn/
邮箱: camelsoft@163.com
博客: http://blog.csdn.net/zhengtianzuo06
github: https://github.com/zhengtianzuo
QQ群: 199672080   
    


捐赠




觉得分享的内容还不错, 就请作者喝杯咖啡吧~~






博客地址: https://blog.csdn.net/zhengtianzuo06
Github: https://github.com/zhengtianzuo
个人产品: https://github.com/zhengtianzuo/Silk
产品网站: http://www.camelstudio.cn
离线liudianwu

只看该作者 1楼 发表于: 2019-04-10
友商发来贺电,支持顶!
欢迎关注微信公众号:Qt实战 (各种开源作品、经验整理、项目实战技巧,专注Qt/C++软件开发,视频监控、物联网、工业控制、嵌入式软件、国产化系统应用软件开发)QQ:517216493  WX:feiyangqingyun  QQ群:751439350
离线305750665

只看该作者 2楼 发表于: 2019-04-10
看不见图片,郑总
雨田哥: 群号:853086607
QQ: 3246214072

刘典武-feiyangqingyun:专业各种自定义控件编写+UI定制+输入法定制+视频监控+工业控制+仪器仪表+嵌入式linux+各种串口网络通信,童叟无欺,量大从优,欢迎咨询购买定制!QQ:517216493
离线zhengtianzuo

只看该作者 3楼 发表于: 2019-04-10
回 305750665 的帖子
305750665:看不见图片,郑总 (2019-04-10 17:29) 

调整好了
博客地址: https://blog.csdn.net/zhengtianzuo06
Github: https://github.com/zhengtianzuo
个人产品: https://github.com/zhengtianzuo/Silk
产品网站: http://www.camelstudio.cn
离线zhengtianzuo

只看该作者 4楼 发表于: 2019-04-10
回 liudianwu 的帖子
liudianwu:友商发来贺电,支持顶![表情] [表情] [表情]  (2019-04-10 16:52) 

友商表示多多支持~~
博客地址: https://blog.csdn.net/zhengtianzuo06
Github: https://github.com/zhengtianzuo
个人产品: https://github.com/zhengtianzuo/Silk
产品网站: http://www.camelstudio.cn
快速回复
限100 字节
 
上一个 下一个