QtQuick/Qml自定義控件(2)-IP地址輸入框

QtQuick沒有提供IP輸入框控件, 於是我打算自定義開發一個.
首先來看看windows系統裏的IP輸入框有哪些特性
在這裏插入圖片描述

4個輸入框 中間由3個點間隔. 再看看動態的

在這裏插入圖片描述

這裏可以看出來 特性1 在第一欄輸入三位數字後, 輸入焦點自動切換到第二欄了.

在這裏插入圖片描述

再來看看特性2 在第二欄輸入的時候 按鍵盤左方向移動 可以回到第一欄
向右也應該是同理的

在看看刪除輸入的情況 特性3

在這裏插入圖片描述

刪除的時候, 如果本欄刪除完. 也會順帶將輸入焦點移動到前一欄去.

特性4 輸入框肯定是有輸入限制的, 比如中文, 超過255的數字, 特殊符號等, 這個我們可以用正則表達式來完成.

基於這4個特性 就可以開始開發了.
首先我們使用4個TextInput和3個Text就可以組裝好主體界面, 再加一個外邊框 搞定

在這裏插入圖片描述

接着加入輸入焦點的判斷和移動, 另外輸入欄加入正則表達式. 完工.

在這裏插入圖片描述

訪問三峯駝Qml控件大全

三峯駝 僅此文章的功能

聯繫方式:


作者 鄭天佐
QQ 278969898
主頁 http://www.camelstudio.cn/
郵箱 [email protected]
博客 http://blog.csdn.net/zhengtianzuo06/
github https://github.com/zhengtianzuo
QQ羣 199672080

捐贈

覺得分享的內容還不錯, 就請作者喝杯咖啡吧~~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章