加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_丽江站长网 (http://www.0888zz.com/)- 科技、建站、数据工具、云上网络、机器学习!
当前位置: 首页 > 运营中心 > 交互 > 正文

连载丨iOS交互设计基础之控件(二)

发布时间:2016-11-05 07:51:52 所属栏目:交互 来源:产品壹佰
导读:副标题#e# 1、活动指示器 活动指示器表明进程或任务正在进行中 注:微博清空缓存 (1)当任务加载和进行时旋转,任务完成后自动消失(针对系统默认样式) (2)不支持用户交互行为 注:Pinterest添加账户 2、日期时间选择器 日期时间选择器展示关于日期和时
副标题[/!--empirenews.page--] 1、活动指示器

活动指示器表明进程或任务正在进行中

连载丨iOS交互设计基础之控件(二)

注:微博清空缓存

(1)当任务加载和进行时旋转,任务完成后自动消失(针对系统默认样式)

(2)不支持用户交互行为

连载丨iOS交互设计基础之控件(二)

注:Pinterest添加账户

2、日期时间选择器

日期时间选择器展示关于日期和时间的组件

(1)最多可以展示四个独立的滑轮,每一个滑轮列表标识一个不同的值

(2)日期选择器的大小与与iPhone键盘的大小相同,并且不可该更

(3)包括四种模式,每种模式包含一组不同的值

日期和时间:日期、小时、分钟

连载丨iOS交互设计基础之控件(二)

时间:小时和分钟以及可选的上午/下午

连载丨iOS交互设计基础之控件(二)

日期:年、月、日

连载丨iOS交互设计基础之控件(二)

倒计时:小时、分钟,可以精确的设定总共的倒计时时间

连载丨iOS交互设计基础之控件(二)

3、网络活动指示器

网络活动指示器在状态栏中出现,标识网络活动正在进行。例如:当重新进入app,系统进行自动刷新时,显示正在进行网络活动

连载丨iOS交互设计基础之控件(二)

4、页面控件

页面控件告诉用户打开了多少个视图以及他们正处在哪一个视图当中

连载丨iOS交互设计基础之控件(二)

注:微信图片浏览

(1)不支持用户访问不连续的视图(不能直接跳转至相邻视图以外的视图)

连载丨iOS交互设计基础之控件(二)

注:掌盟

(2)默认情况下,不支持视图之间的导航

连载丨iOS交互设计基础之控件(二)

注:天气

(3)页面控件是为所有视图平等的场景设计的

连载丨iOS交互设计基础之控件(二)

注:豆瓣阅读

(4)避免显示太多点,超过10个很难让用户一目了然

连载丨iOS交互设计基础之控件(二)

注:下厨房

总结:页面控件多用来展示平行层级的内容信息,在有限的屏幕控件内延展可以展示的内容数量,左右滑动切换,也很适合用户单手操作浏览信息5、选择器

选择器包含了一组值,用户可以从中选择一个相应的值

连载丨iOS交互设计基础之控件(二)

(1)选择器是日期时间选择器的通用模式

(2)不可以自定义大小(跟iPhone键盘相同)

连载丨iOS交互设计基础之控件(二)

(3)当你需要展示的备选数量很多时,可以考虑使用表格视图

连载丨iOS交互设计基础之控件(二)

总结:选择器多用在选择地区、年龄、性别等编辑操作中,用来选择一系列同一类别下的子项6、刷新控件

刷新控件执行用户触发的内容刷新

连载丨iOS交互设计基础之控件(二)

注:下厨房

连载丨iOS交互设计基础之控件(二)

注:知乎

(1)刷新控件可以出现在标题中

连载丨iOS交互设计基础之控件(二)

(2)使用了刷新控件,同时也应支持自动刷新,刷新控件给用户多一个选择

连载丨iOS交互设计基础之控件(二)

(3)可以根据产品风格设计相应的刷新控件样式

连载丨iOS交互设计基础之控件(二)

7、分段控件

分段控件是一组分段的线性组合,每一个分段的作用类似按钮,点击之后切换到相应的视图

连载丨iOS交互设计基础之控件(二)

(1)有两个或以上的分段组成,每一个分段的宽度相同

连载丨iOS交互设计基础之控件(二)

(2)可以包含文字或图片

连载丨iOS交互设计基础之控件(二)

(3)一个分段控件最多包含五个分段

连载丨iOS交互设计基础之控件(二)

(编辑:应用网_丽江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读