Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> App單個頁面的最佳文本框個數是多少個?,app文本框個數

App單個頁面的最佳文本框個數是多少個?,app文本框個數

編輯:關於android開發

App單個頁面的最佳文本框個數是多少個?,app文本框個數


【1】、不同大小的手機屏幕,對應的App每頁最佳文本框個數,是不同的。

【1.1】如果是iPhone4的屏幕尺寸,分辨率為640x960px的時候, 文本框個數最大值為:2個文本框

01.png

【計算公式】

第 一步、(960px屏幕總高度)-(40px的電量條高度)-(88px的頂部條高度)-(88px的下一步按鈕的高度)-(鍵盤高度 520px)=224px的文本框高度; 第二步、(224px的總文本框高度)/(88px單個文本框高度)=2.5個文本框≈2個文本框

【基本尺寸】

40px是電量條的高度;

44px的高度是普通屏幕可點擊高度的最小值;

iPhone4是高清屏,所以可點擊高度的最小值為88px;

即,可以點擊的單個文本框的高度最小值為88px。

鍵盤高度為520px;分析鍵盤高度,是為了防止鍵盤彈起的時候,遮擋了文本框。

【1.2】如果是如果是iPhone5的屏幕尺寸,分辨率為640x1136px的時候,

文本框個數最大值為:4個文本框

02.png

【計算公式】

第一步、(1136px屏幕總高度)-(40px的電量條高度)-(88px的頂部條高度)-(88px的下一步按鈕的高度)-(鍵盤高度520px)=400px的文本框高度;

第二步、(400px的總文本框高度)/(88px單個文本框高度)=4.5個文本框≈4個文本框

【1.3】如果是如果是iPhone6的屏幕尺寸,分辨率為750x1334px的時候, 文本框個數最大值為:6個文本框

【計算公式】

第一步、(1334px屏幕總高度)-(40px的電量條高度)-(88px的頂部條高度)-(88px的下一步按鈕的高度)-(鍵盤高度520px)=598px的文本框高度;

第二步、(598px的總文本框高度)/(88px單個文本框高度)=6.8個文本框≈6個文本框

【綜上所述】考慮到支持小屏幕iPhone4的手機,文本框個數的最佳范值是小於2個;

類似尺寸的Android屏幕,參考上述計算公式,即可算出對應文本框個數最大值。

【2】、從避免鍵盤遮擋文本框的角度來看,滑動鍵盤和打字鍵盤是不同的。

03.png

如上圖所示

左邊是【打字鍵盤】,沒有可以點擊【完成】輸入的按鈕,如果是3個文本框:那麼需要上下滑動,才可以點擊下一步按鈕。為了不需要上下滑動,一個App的頁面,文本框個數的最大值是2個。

右 邊是【滑動鍵盤】,點擊有效期文本框示,彈出的滑動鍵盤上有可以點擊的【完成】的按鈕,如果最後一個文本框是類似【有效期】的可以彈出滑動鍵盤,有【完 成】的按鈕,那麼最後一個文本框,在點擊【完成】按鈕之後,就可以出現【下一步】的按鈕了。也就是鍵盤,就不會遮擋文本框了。在最後一個文本框是類似【有 效期】文本框,可以彈出滑動鍵盤的時候,一個App的頁面,文本框個數的最大值可以是3個。

【3】、最後一個文本框,是否是短信驗證碼的輸入框。

04.png

如上圖所示

左圖只有1個文本框,右圖有4個文本框。【左圖】VS【右圖】,右圖的缺點有3個:

一是,【右圖】因為文本框超過2個,所以鍵盤彈起時會遮擋文本框,需要不斷上下滑動,才可以完成輸入;

二是,【右圖】的提示文字和文本框,呈現出文字在上,文本框在下的兩行排列方式,實在是浪費了屏幕的高度。如果文字在左,文本框在右的一行排列方式,那就可以節省使用屏幕的高度了;

三 是,【右圖】的手機號文本框和短信驗證碼放在同一頁,用戶需要在填完手機號之後,點擊一次【獲取驗證碼】才可以發送驗證碼短信,而左圖在只有一個短信驗證 碼的文本框的情況下,用戶跳轉到這個頁面的時候,短信驗證碼就在跳轉的一瞬間,就發送到手機上了,為用戶節省了點擊一次【獲取驗證碼】的時間。

【綜上所述】如果文本框是短信驗證碼的輸入框,那麼文本框個數的最佳值是1個。

來源於近乎;近乎源碼下載地址:http://www.jinhusns.com/Products/Download/?type=xcj

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved