QtQuick沒有提供IP輸入框控件, 於是我打算自定義開發一個.
首先來看看windows系統裏的IP輸入框有哪些特性
4個輸入框 中間由3個點間隔. 再看看動態的
這裏可以看出來 特性1 在第一欄輸入三位數字後, 輸入焦點自動切換到第二欄了.
再來看看特性2 在第二欄輸入的時候 按鍵盤左方向移動 可以回到第一欄
向右也應該是同理的
在看看刪除輸入的情況 特性3
刪除的時候, 如果本欄刪除完. 也會順帶將輸入焦點移動到前一欄去.
特性4 輸入框肯定是有輸入限制的, 比如中文, 超過255的數字, 特殊符號等, 這個我們可以用正則表達式來完成.
基於這4個特性 就可以開始開發了.
首先我們使用4個TextInput和3個Text就可以組裝好主體界面, 再加一個外邊框 搞定
接着加入輸入焦點的判斷和移動, 另外輸入欄加入正則表達式. 完工.
聯繫方式:
作者 | 鄭天佐 |
---|---|
278969898 | |
主頁 | http://www.camelstudio.cn/ |
郵箱 | [email protected] |
博客 | http://blog.csdn.net/zhengtianzuo06/ |
github | https://github.com/zhengtianzuo |
QQ羣 | 199672080 |
捐贈