首页 科技 电脑 手机 安卓 苹果 VR 站长 游戏

您的位置:咪哚网 > 站长资讯 > 交互 >

从设计指南说起,详解Material Design体系组件(4)

咪哚网(www.midoo.cc)时间:2018-07-06 13:34 稿源:woshipm 手机扫描分享

使用规则:

Tabs 也不是用于内容切换或是内容分页的(例如:应用中页面之间的切换)。Tabs 应该显示在一行内。一组 tabs 至少包含 2 个 tab 并且不多于 6 个 tab。Tabs 控制的显示内容的定位要一致,为并列关系。Tab 中当前可见内容要高亮显示。Tabs 应该归类并且每组 tabs 中内容顺序相连。文本框

文本框可以让用户输入文本。它们可以是单行的,带或不带滚动条,也可以是多行的,并且带有一个图标。点击文本框后显示光标,并自动显示键盘。除了输入,文本框可以进行其他任务操作,如文本选择(剪切,复制,粘贴)以及数据的自动查找功能。

文本框可以有不同的输入类型。输入类型决定文本框内允许输入什么样的字符,有的可能会提示虚拟键盘并调整其布局来显示最常用的字符。常见的类型包括数字,文本,电子邮件地址,电话号码,个人姓名,用户名,URL,街道地址,信用卡号码,PIN码,以及搜索查询。

单行文本框:当文本输入光标到达输入区域的最右边,单行文本框中的内容会自动滚动到左边。

带有滚动条的单行文本框:当单行文本框的输入内容很长并需跨越多行的时候,则文本框应该以滚动形式容纳文本

在滚动文本框中,一个图形化的标志出现在标线的下面。点击省略号,光标返回到字符的开头。

多行文本框:当光标到达最下缘,多行文本框会自动让溢出的的文字断开并形成新的行,使文本可以换行和垂直滚动。

工具提示

用法:对同时满足以下条件的元素使用工具提示:1.具有交互性。2.主要是图形而非文本。

后记:

iOS和Material Design组件都已经讲完了,接下来的几篇文章都会按照组件控件的功能属性,详解设计规范之组件控件体系。

相关阅读

从设计指南说起,详解iOS系统组件分类体系(属性分类篇)

#关于作者#

UX,微信公众号:UEDC,人人都是产品经理关于作者。华为ITUX交互组组长。

本文未经许可,禁止转载

编辑:cherlee

声明:
1、咪哚网所转载的稿件都会明确标注作者和来源,如您不希望被转载请及时与我们联系删除。
2、咪哚网的原创文章,请转载时务必注明文章作者和"来源:咪哚网",不尊重原创的行为咪哚网或将追究责任。
标签
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:看不清?点击更换
最新评论

科技 娱乐 健康 国内 生命 天文 自然 科学

微软善于听取来自用户、IT人员和开发者的各种想法

据外媒报道,微软CEO萨蒂亚·纳德拉日前在

乐视危局 张艺谋王宝强等上亿投资或遭变故

在深陷欠款危机,贾跃亭自曝乐视资金链紧张

霜降天气渐冷 推荐4款最佳食疗

我国古代将霜降分为三候:“一候豺乃祭兽;

外媒:大陆博物馆文物众多 但最好的宝贝在台湾

新西兰stuff网站11月20日文章,原题:对首

为您推荐RECOMMEND

最新资讯

     关于本站| 友情链接| 版权声明| 意见反馈| 不良信息举报| 联系我们| 网站导航

Copyright © 2016 咪哚网 版权所有.

MIDOO.CC, All Rights Reserved. 备案号:豫ICP备15012166号-2