菜单

iOS交互设计基础之情视图(三)

2018年9月19日 - 注册免费送38元体验金

1、活动

每个移动表示一个体系提供的还是打定义之劳动——通过访活动视图来企图被一些特定的情节

(1)活动是同种而定制对象,代表正在有可以让用户以APP中实行操作的服务

(2)用户通过点击活动视图中的某样图标来启动某起活动

流淌:腾讯新闻

2、活动视图控制器

动视图控制器是一个现视图,当中摆了一致层层可以针对页面特定内容之网服务以及定制服务

(1)显示了让用户可对当下情尽操作的同一系列之不过安排服务

流动:堆糖中对文章内容的走视图

(2)根据所处之场景不同,可能出现在操作列表浮出层

流淌:MONO文章分享,活动视图出现在浮出层中

(3)使用移动视图控制器来啊用户提供有排针对当下情的劳务。这些劳务可系统自带的,例如:复制、转发到邮件等,也得以是打定义的

注:小红书

(4)确保活动视图控制器中的操作是针对性目前情之

注:赶集网app

3、集合视图

汇聚视图用户管理有列有序的宗,并为同样栽从定义的视图来呈现其

注:京东-商品展示

(1)由于汇聚视图的布局不是一个严厉的线性布局,因此适合用来显示一些尺码未雷同的起

注:秒嗨

(2)表格视图更适合之上,不要用集合视图

4、图片视图

图形视图用来显示同摆单独的图片或同一文山会海动态图表

流淌:朋友围查看照片

(1)确保图片视图中之各国一样布置图片相同的尺寸要比重。如果您的图片尺寸不等同,图片视图会相继对她进行调整

(2)可以检测图片本身和父视图的性能,并控制这个图片是否应当叫关伸、缩放、调整及入屏幕的轻重

5、页面视图

页面视图控制器通过滚动或翻页两种植办法来拍卖长度超过同样页的始末

(1)带滚条的页面视图没有默认的外观

(2)可以根据指定的转场来套出页面转换时的动画片(例如在线图书读类产品受到左右或者前后翻页浏览信息之力量)

(3)一般下页面视图展示线性的情节(故事的文本或文章的始末等),或者是可以给当分成块的内容(比如日历)

流淌:简书文章读页面 & 腾讯新闻资讯详情页面

(4)可以计划相同栽由定义之措施可于用户因非线性的艺术来赢得内容(比如说书籍的相、字典等)

流动:微信读书_书本目录,点击目录可以直接抵达目的页面

6、浮出层

显露出层是当用户轻点某个控件或页面中之某平等区域时露出出底,半晶莹剔透底即视图

横流:新浪微博

(1)浮出层是一个保自含的模态视图

注:支付宝

(2)可以分包多靶同视图,比如:表格、图片、文本、导航栏、工具栏,可以操作时APP视图中目标各种控件或对象

横流:脉脉-发布动态

(3)让浮出层中之箭头尽可能指向期出处

注:微信

注意:

(1)不要以浮出层上面还显一个模态视图

(2)确保同一时间内同屏幕及只是发生一个浮出层

注:收趣云书签

7、滚动视图

使滚动视图允许用户以稳的半空中内浏览大尺寸或大气之视图(例:尺寸超过滚动视图边界的图形)

(1)适当地支持缩放操作,如果加大和紧缩对于当下情是行之有效的话,可以支持用户通过编造或者双击来对时视图进行缩放

(2)页模式滚动视图中,可以考虑使用页面控件

(3)一般的话一样蹩脚就展示一个滚视图

8、表格视图

报表视图以一个只是滚动的单列多行的款型来展示数据

(1)用户可经点击来选中某行,或通过控件注册免费送38元体验金来丰富、移除、多选择、查看详情或开展外一个报表视图

注:京东商城

(2)表格视图的项目:

平铺型(表格右侧可以出现垂直的表索引)

注:微信通讯录

分组型

(3)表格视图的扩充功能

(4)表格视图布局样式

注:default样式

注:subtitled样式

注:value1样式

注:value2样式

(5)用户挑选列表项时,始终被跟反馈,当用户点击可挑选的列表时,被点击的列表项都见面短的高亮一下。

9、文本视图

文本视图可以承受以及出示多实施文本

注:氢气球_写游记

(1)文本视图是一个而定义为其它高度的矩形

横流:猫眼电影_写影评

(2)当内容极多,超出视图的边框时,文本视图支持滚动

横流:Instagram编辑照片证明

(3)支持用户编辑,当用户轻击文本视图内部时,可以挑起软键盘(可根据文件类的异样唤起不同之软键盘)

流动:新浪微博

注:本篇是“iOS交互设计基础系列”最后一篇,关于“栏&临时视图&控件”相关内容而翻译看眼前片篇

IOS交互设计基础之栏&临时视图(一) –
简书

iOS交互设计基础的控件(二) –
简书

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图