菜单

iOS交互设计基础之内容视图注册免费送38元体验金

2019年1月21日 - 注册免费送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)用户可以由此点击来选中某行,或通过控件来增进、移除、多选、查看详情或开展另一个表格视图

注:京东商城

(2)表格视图的品类:

平铺型(表格左边能够出现垂直的报表索引)

注:微信通信录

分组型

(3)表格视图的扩张功效

(4)表格视图布局样式

注:default样式

注:subtitled样式

注:value1样式

注:value2样式

(5)用户拔取列表项时,始终给与反馈,当用户点击可选的列表时,被点击的列表项都会短暂的高亮一下。

9、文本视图

文件视图能够承受和展现多行文本

注:氢气球_写游记

(1)文本视图是一个可定义为其他中度的矩形

注:猫眼电影_写影评

(2)当内容太多,超出视图的边框时,文本视图匡助滚动

注:Instagram编辑照片注脚

(3)辅助用户编辑,当用户轻击文本视图内部时,可以引起软键盘(可依据文件类型的距离唤起差别的软键盘)

注:博客园今日头条

注:本篇是“iOS交互设计基础种类”末了一篇,关于“栏&临时视图&控件”相关内容可翻看前两篇

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

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

相关文章

发表评论

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

网站地图xml地图