第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2017-09-25 14:46来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
规范中,对警告框包含的元素做出了如下规定:标题(必选)、描述信息(可选)、输入框(可选)、按钮(必选)。同时,警告框的样式都是磨砂效果的圆角白框,

  规范中,对警告框包含的元素做出了如下规定:标题(必选)、描述信息(可选)、输入框(可选)、按钮(必选)。同时,警告框的样式都是磨砂效果的圆角白框,不可更改。如下图所示:

  

从设计指南说起,详解iOS系统组件分类体系

  警告框可以包含以下特性:

  必须包含标题,有时候会包含正文文本。

  包含一个或多个按钮。

  操作列表(action sheet):操作列表展示了与用户触发的操作直接相关的一系列选项。

  

从设计指南说起,详解iOS系统组件分类体系

  操作列表,是当用户激发一个操作的时候,出现的浮层。“使用操作列表让用户可以开始一个新任务或者对破坏性操作(例如:删除、退出登录等)进行二次确认。” 使用操作列表开始一个新任务,在苹果官方的邮件应用里有很多案例,比如下面这个。

  

从设计指南说起,详解iOS系统组件分类体系

  操作列表包含以下特性:

  由用户某个操作行为触发。

  包含两个或以上的按钮。

  使用操作列表来:提供完成一项任务的不同方法。操作列表提供一系列在当前情景下可以完成当前任务的操作,而这样的形式不会永久占用页面UI的空间。

  模态视图(modal view)

  模态视图是一个以模态形式展现的视图,它为当前任务或当前工作流程提供独立的、自包含的(self-contained)功能。

  

从设计指南说起,详解iOS系统组件分类体系

  在iOS中,苹果使用“模态视图”来指那些在当前页插入的“浮层页面”。

  模态视图可以包含以下特征:

  能占据整个屏幕,它也可能占据整个父视图(parent view)的区域,或者是屏幕的一部分。

  包含完成当前任务所需的文字和控件。

  通常也会包含一个完成任务的按钮(点击后即可完成任务,当前模态视图也会消失),和一个取消按钮(点击后即放弃当前任务,同时当前模态视图消失)如图所示:

  

从设计指南说起,详解iOS系统组件分类体系

  当需要用户完成与app中的基础功能相关的、独立的任务的时候,可以使用模态视图。模态视图尤其适用于那些所需元素并非常驻在app主要UI中、又包含多个步骤的子任务。

  内容视图:

  浮出层(popover):当用户轻点某个控件或页面中的某一区域时浮出的,半透明的临时视图。

  

从设计指南说起,详解iOS系统组件分类体系

  浮出层包含以下特征:

  是一个自包含的模态视图。

  在横屏环境中,浮出层会包含一个箭头,指向其出处。

  背景是半透明的,并且会模糊其背后的内容(遮罩背景)。

  可以包含多种对象和视图,比如:表格,图片,地图,文本,网页或者自定义视图、导航栏,工具栏,和标签栏。

  可以操作当前app视图中的对象的各种控件或对象(默认情况下, 浮出层中的表格视图,导航栏和工具栏的背景都是透明的,这样会让浮出层的毛玻璃效果展示出来)。

  网络视图(web view)

  网络视图能直接在你的app中加载和呈现丰富的网络内容,比如嵌入的HTML和网站。比如,“邮件”就使用了网络视图来在信息中展示HTML内容。

  

从设计指南说起,详解iOS系统组件分类体系

  网络视图包含以下特性:

  展示网络内容。

  会自动处理页面中的内容,比如嵌入的HTML和网站。比如,“邮件”就使用了网络视图来在信息中展示HTML内容。

  滚动视图(scroll view)

  滚动视图方便用户浏览尺寸超越滚动视图边界的图片(下图中知乎的一个放大的界面图片无论是长度还是宽度都超过了)。

  

从设计指南说起,详解iOS系统组件分类体系

  滚动视图可以包含以下特征:

  没有预定义的外观。

  在刚出现或者当用户对它进行操作的时候会出现滑条。

  当用户在视图中拖拽内容,内容随之滚动;当用户轻扫屏幕时,内容将快速滚动——直到用户再次触摸屏幕或内容已经到达底部时停止。

  使用滚动视图来允许用户在固定的空间内浏览大尺寸或大量的视图。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕