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

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

注:value2样式

注:微信

注:腾讯快讯

注:MONO随笔分享,活动视图出现在浮出层中

(2)可以蕴涵多种目标和视图,比如:表格、图片、文本、导航栏、工具栏,可以操作当前APP视图中目标各样控件或对象

活动视图控制器是一个暂时视图,当中罗列了一密密麻麻可以针对页面特定内容的体系服务和定打败务

注:subtitled样式

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

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

文本视图可以承受和出示多行文本

每个移动表示一个系统提供的或自定义的劳动——通过访问活动视图来功用于一些特定的情节

注:简书著作阅读页面 & 腾讯消息资讯详情页面

(1)活动是一种可定制对象,代表着某个可以让用户在APP中举办操作的服务

(1)由于汇集视图的布局不是一个严格的线性布局,因而适合用来突显一些尺寸不雷同的项

注:猫眼电影_写影评

(2)依据所处的情状不同,可能出现在操作列表浮出层

(2)可以依据指定的转场来模拟出页面转换时的卡通(例如在线图书阅读类产品中左右或者前后翻页浏览新闻的效应)

(2)表格视图的类型:

注:微信读书_图书目录,点击目录可以直接到达目标页面

注:支付宝

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

注:小红书

注:京东-商品显示

(4)表格视图布局样式

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

1、活动

注:今日头条果壳网

注:天涯论坛虎扑

5、页面视图

注:京东商城

图片视图用来显示一张单独的图片或者一系列动态图表

(3)一般采取页面视图显示线性的内容(故事的公文或作品的情节等),或者是可以被自然分成块的始末(比如日历)

注意:

(1)不要在浮出层上边再显示一个模态视图

(2)确保同一时间内一样屏幕上只有一个浮出层

(4)可以计划一种自定义的方法得以让用户以非线性的方法来取得内容(比如说书籍的目、字典等)

8、表格视图

注:赶集网app

注:堆糖中针对著作内容的运动视图

会聚视图用户管理有些列有序的项,并以一种自定义的视图来显现它们

(3)表格视图的增添效用

(1)适当地支撑缩放操作,假若加大和紧缩对于当前内容是有效的话,可以支撑用户通过编造或者双击来对眼前视图进行缩放

报表视图以一个可滚动的单列多行的款型来突显数据

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

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

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

应用滚动视图允许用户在一定的空间内浏览大尺寸或大气的视图(例:尺寸领先滚动视图边界的图纸)

(2)可以检测图片本身及父视图的性质,并操纵以此图片是否相应被拉伸、缩放、调整到符合屏幕的分寸

(1)确保图片视图中的每一张图纸相同的尺寸或比重。假若你的图片尺寸不等同,图片视图会挨个对它们举行调整

7、滚动视图

(4)确保活动视图控制器中的操作是对准当前内容的

注:value1样式

(1)文本视图是一个可定义为任何低度的矩形

注:氢气球_写游记

3、集合视图

注:朋友圈查看照片

4、图片视图

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

注:脉脉-发表动态

注:default样式

(1)用户可以透过点击来选中某行,或透过控件来增长、移除、多选、查看详情或举办另一个表格视图

页面视图控制器通过滚动或翻页三种形式来处理长度领先一页的始末

(2)页格局滚动视图中,可以设想动用页面控件

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

6、浮出层

注:微信通讯录

分组型

9、文本视图

(1)显示了让用户可以本着当下内容执行操作的一名目繁多的可配置服务

注:收趣云书签

(3)一般的话五回只展现一个滚动视图

(2)表格视图更契合的时候,不要使用集合视图

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

注:Instagram编辑照片申明

(3)使用移动视图控制器来为用户提供部分列针对最近内容的服务。这么些服务可以系统自带的,例如:复制、转发到邮件等,也可以是自定义的

2、活动视图控制器

注:秒嗨

网站地图xml地图