2017-03-06 54 views
0

對於小型移動第一(網絡)應用程序,我試圖創建一個PIN /密碼輸入(屏蔽),是這樣的:引腳/密碼輸入(掩碼),字母間距/字間距還是多輸入的替代選項?

+---+ +---+ +---+ +---+ 
| 1 | | 2 | | 3 | | 4 | 
+---+ +---+ +---+ +---+ 

在各種解決方案的實施,用戶體驗成爲了無論是不可預知的或混亂,我希望我能夠克服......下面列表中的選項的調查結果,我碰到,demo: implementation of the three solutions (simplified)

多個輸入

  • 無法DETEC t在移動中退格(在keydown/keyup期間);這會導航到前一個輸入字段,當退格被按下且字段爲空時,很難實現。
  • 無法使用軟鍵盤上的「雙擊移位」功能;聚焦(通過用戶動作/腳本)到下一個輸入給出了一個「跳躍」鍵盤

字母間距與背景repeating-組合(與「雙抽頭移位」 autocapitalize或關閉組合無論哪種方式)線性梯度(兩者計算出的)

  • 字母間距是有所區別的實現比人們所預料的,字符總是以「字母間距」端,而不必在字符之間的空間,。這將導致一個水平滾動時的輸入字段的「結束」已經達到
  • 卸下字符發生,轉移整個字符串,而不是「排空」被去除的字符

字間距(追加與背景重複線性梯度每個字符之後的空間)(均計算)

  • 卸下字符,移動整個字符串,而不是「排空」刪除的字符

所以這個問題有點雙重;第一,我可能已經第二次錯過了另一種解決方案,爲解決方案所評論的上市可以對分析結果進行「反擊」

+0

給我們一些代碼來工作,所以我們不這樣做,你做了才發現它不工作,同樣的事情。寧願多從事某事。 – Slime

+0

@AmericanSlime,代碼/演示已添加。 – Dalie

回答