当前位置:首页 > 经验学习 > 交互设计

视图模式:Android ViewPager & WP Pivot

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

在iOS,Android和WP三家移动平台上,iOS的可用性是目前用户接受程度最高的,但是Android和WP也有不少各自平台的设计亮点,本章主要介绍Android和WindowsPhone的两种特色视图模shi(式):Viewpager & Pivot。而且博主很负责的说,这两种视图模式是优异于iOS平台的。
1.名词解释
Android的ViewPager
ViewPager实际上就是一种同级选项卡排列的视图模式,用户可以通过最简单的左右滑动手势实现选项卡之间的切换。最常见的如Google官方应用:Play商店、 Play音le(乐)。
操作手势:区域内左右滑动Huo(或)点击标题均可实现视图的切换
官方文档对于这种视图的描述 : 点击查看
Fixed tabs
Fixed tabs are always visible on the screen, and can’t be moved out of the way like scrollable tabs. Fixed tabs in the main action bar can move to the top bar when the screen orientation changes.
Use fixed tabs to support quick changes between two or three app views. Fixed tabs should always allow the user to navigate between the views by swiping left or right on the content area.
开发者可以查看官方的Android APIs: 点击查看
ViewPager在实际应用的优缺点:
优点:整屏zuo(左)右滑动是最容易的操作手势之一,ViewPager可以方便用户在同级视图中快速切换,初次jin(进)入页面可以一次性加载两页,减少yi(一)次请求次数。
缺点:对于初次使用应用的用户,ViewPager并不能让用户理解一共有几个视图yi(以)及视图的名称;视图的数量不宜超过5个,且从5#视图回到1#视图必须滑动4次。
Windows Phone的Pivot视图
Pivot可以翻译成枢轴视图Huo(或)选项卡视图,用于用户需要经常切换的同级页面,设计理念上同Android的ViewPager,唯一的区别是Pivot视图可循环切换。
操作手势:区域内左右滑动或点击标题均可实现视图的切换
Pivot的适用范围:
注册登录
产品列表页的标签筛选
全景shi(视)图下的同级子页面
层级简单注重体现内容忽略结构的页面
官方文档对于这种视图的描述 : 点击查看

2.案例说明
需要在一个手机屏幕中呈现完整的产品详情页,产品详情页包括
产品概要信息
基础信息
附加信息
详细信息
na(那)么使用 iOS的设ji(计)规范来呈现这个页面应该是这样子:
阅读完所有信息需要有四个页面间tiao(跳)转,需要按三次返回键。
而用Viewpager和Pivot视图模式呈现这样的页面只需简单的左右滑动即可,Ru(如)果视图较少,程序还可以控制为一次服务器请求加zai(载)完所有信息。
通过这样的案例,我们可以发现如果用户有一定的认知能力,这两种视图的切换效率是明显高于iOS的列表跳转的。

文中如有错误,欢迎指出;转载请标ming(明)出处,谢谢!源地址:http://www.54xiaomeng.com/?p=681
源地址:http://www.54xiaomeng.com/?p=681


请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: