• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >Android > App单个页面的最佳文本框个数是多少个?,app文本框个数

App单个页面的最佳文本框个数是多少个?,app文本框个数

作者:网友 字体:[增加 减小] 来源:互联网 时间:2017-05-26

网友通过本文主要向大家介绍了app页面设计,app登录页面,app页面设计欣赏,app注册页面,app启动页面等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • App单个页面的最佳文本框个数是多少个?,app文本框个数

相关文章

  • 2017-05-26android的消息提示(震动与提示音),android
  • 2017-05-26Linux内核系列—10.操作系统开发之内核HelloWorld,linuxhelloworld
  • 2017-05-26android 打造炫酷导航栏(仿UC头条)
  • 2017-05-26android:使用gallery和imageSwitch制作可左右循环滑动的图片浏览器
  • 2017-05-26我的android学习经历9,android学习经历9
  • 2017-05-26转载 Android 多线程处理之多线程用法大集合,android大集合
  • 2017-05-26Android之TextView,androidtextview
  • 2017-05-26Android中View的事件分发机制——Android开发艺术探索笔记
  • 2017-05-26Android入门(二)Activity-Toast、Intent,intentservicetoast
  • 2017-05-26Atitit.android js 的键盘按键检测Back键Home键和Menu键事件,atitit.androidmenu

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 计算器Pro应用项目源码,计算器pro源码
    • 实用的圆形图片控件ImageView,
    • 【读书笔记】【Android 开发艺术探索】第3章 View 的事件体系
    • android:descendantFocusability用法,
    • 使用AIDL调用远程服务设置系统时间,aidl调用系统
    • Android横竖屏切换小结,Android屏切换小结
    • 谈谈Android中的Divider,AndroidDivider
    • Android开发3:Intent、Bundle的使用和ListView的应用 、RelativeLayout(相对布局)简述(简单通讯录的实现),relativelayout
    • 连点处理,禁止按钮在短时间内被多次点击,按钮短时间内
    • 谷歌电子市场9--详情界面,谷歌电子市场9--

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有