集团官网
  • 华为授权培训中心
  • 腾讯云一级认证培训中心
  • 百度营销大学豫陕深授权运营中心
  • Oracle甲骨文OAEP中心
  • Microsoft Azure微软云合作伙伴
  • Unity公司战略合作伙伴
  • 普华基础软件战略合作伙伴
  • 新开普(股票代码300248)旗下丹诚开普投资
  • 中国互联网百强企业锐之旗旗下锐旗资本投资

什么是APP内容视图?内容视图有哪些分类?

编辑:云和数据 日期:2023-01-21 23:52

布局合理的内容视图有利于用户浏览,提高用户使用频率。然而内容视图指的是什么?内容视图又包含哪些形式?

什么是内容视图?

内容视图指的是手机界面中用于展示内容的区域,是手机界面的重要组成元素之一。内容视图区域不仅可以展示内容信息,还能够进行一系列交互行为。例如,内容滚动,页面跳转、插人内容、删除内容等操作。如下图所示红框标识的部分为手机界面中的内容视图。

手机内容视图

内容视图的分类

内容视图的设计样式多种多样,常见的样式分类主要有列表视图、卡片视图、集合视图、文本视图和网络视图,下面将对这些视图进行讲解。

 

1. 列表视图

列表视图是用分割线将内容进行区分。利用紧密、对比、重复、对齐”的原则设计每条列表的信息,使信息清晰有力地传达给用户。列表视图分为两种样式: 一种是平铺型,另一种是分组型,如下图所示。

平铺形    分组型
左:平铺型    右:分组型

2. 卡片视图

卡片视图是将同类信息归纳到一一个矩形或者圆角矩形当中,在占用较少屏幕空间的情况下将信息有组织地划分到不同的区域中。卡片可以被堆叠、覆盖、移动,这样极大地扩展了一个内容块的视觉深度和可操作性。卡片在设计形式上还可以增加边缘、阴影,使得卡片具有立体感。

 

3. 集合视图

集合视图是将同类信息用平铺的形式展现,一般以图片为主题,文字为辅助信息。集合视图用于管理一系列有序的项,并以一种自定义的布局来呈现它们。例如,系统照片将图片集合在一起,以相同大小的正方形进行展示,用户通过点击图片放大查看,如下图所示为集合视图。

集合视图

4. 文本视图

文本视图是一个能够显示多行文本的区域,当因内容太多而超出其适应范围时,可以支持滚动。同时,文本视图支持用户编辑,当用户轻击文本视图内部时,设备唤起键盘并根据输人的内容类型来指定不同的键盘类型,可以为用户提供更方便快捷地输入体验,下图所示为文本视图。

文本视图1文本视图

文本视图

5. 网络视图

目前绝大部分的网络视图是指直接在内容区域嵌入HTML5页面,其优点是可以在服务端直接快速发布、更新内容,而不需要在应用平台进行版本更新。例如,手机淘宝首页内容区域就采用了嵌入HTML5的网络视图,下图展示的就是淘宝双十一前的首页和淘宝双十一时的首页对比。

淘宝对比

相关内容

现在的就业环境回暖了吗 最近上网时,发现很多友友都在问一个艾瑞巴蒂都关心的问题:“当前就业环境回暖了吗?”有的人根据自己的经历,觉得最近猎头和HR的电话明显增多;也有人通过观察网络上的信息,发现求职者们分享的选择工作机会的帖子逐渐增多;还有人表示自己已经预约了面试并且成功拿到了 offer……... 新手起步理解group by 在 MySQL 中,GROUP BY用于将具有指定列中相同值的行分组在一起,允许对数据进行分类和聚合,即按照指定的字段或者表达式进行分组。我们现在有一个简单的表student,内容如下表1所示:对于上面这个表,我们要求查询每个班几个人?答案是:select class,count(c... 史诗级事故!阿里“崩”上热搜? 上周末对许多阿里的程序员来说怕是过得不太轻松,双十一收官之夜,阿里崩了….. 此次事故涉及到阿里云盘、淘宝、咸鱼、钉钉等多条业务线产品,除国内外,还波及英国、美国、韩国、日本、澳大利亚、阿联酋等多个国家和地区。严重程度可谓前所未有! (图源自:微博,如侵删)&n... Windows资源性能常用计数器及参考值 Processor%Process TimeCPU的使用率:该计数器最为常用,可以查看处理器是否处于饱和状态,如果该值持续超过95%,就表示当前系统的瓶颈为CPU,可以考虑增加一个处理器或更换一个性能更好的处理器。(参考值:<80%)Processor Queue Length... 今年的就业情况,还能学前端吗? 今年,经济形势低迷,让就业市场遭遇了前所未有的挑战,这也让许多人对于是否投身互联网行业产生了疑虑。无论是赚钱、企业经营、找工作、升职加薪,还是生活本身,都变得越来越困难,一系列的问题仍层出不穷,公司倒闭,大批人面临失业风险,普通人消费力不足,年轻人看不到未来…众所周知,互联网行业具... 互联网要不行了?看完这个你就明白了 最近有不少小伙伴受困于不好找工作的难题,在讨论跨行去学热门的计算机怎么样,但又担忧大厂裁员风波下,再进入这个行业能否找到高薪工作。今年,中共中央、国务院印发了《数字中国建设整体布局规划》,其中提出要加快数字中国建设,促进数字经济和实体经济深度融合。由此可见,互联网行业在未来会更注重数字化和智能...
×