那些翻页效果

2011.12.06 08:47

大约是在随着iPad一道发布的iBooks之后,仿真的翻页效果一下子变成了几乎所有阅读器的追求之一,而且也变成了各种用户的基本诉求,各种反馈渠道都能看见此起彼伏的呼声要求这种尽管没有实际功能价值但是确实让人愉悦的东西,这不是个刚性需求,却依旧不容忽视~因为足够噱头,有话题。

如今在Android平台已经有太多阅读器都逐渐引入了这种仿真翻页效果,今天大概罗列一下各家的实现方案仅供参考

一、Laputa系

原版

这大约是在Android平台上流传最广的翻页效果,之所以称为Laputa系是因为我第一次看见这个效果是在Laputa reader这款国外的阅读器上(现已推出中文版名叫“乐读”),该阅读器甫一推出就被各大论坛资讯网站冠以Android上的iBooks之名竞相推荐,最重要的一个原因正是其惊艳的翻页效果,在当时,这是最逼近iBooks翻页效果的方案,效果见下图。

该方案以页面的四个角与手指在屏幕上的触点相联系,在用户手指随意移动的时候模拟仿真拉扯纸张的效果,基本可以很完美的模拟翻页操作时纸张各种角度的扭曲角度,并且绘制了纸张卷起时的阴影效果以及从纸张背面透过去的看到的上一页内容印记,几乎与iBooks的翻页效果一般无二,但是依然只是几乎,本方案仍然留有一些小小的个人特点

  • 翻页效果必然从页角开始,即一定是最接近手指触点对应的页角向手指方向卷

  • 页面的四个角都可以相应完全同样的翻页效果

正因为有以上这两个非常独特的特点,因此也十分容易辨识其他阅读器的方案与之是否相同,个人猜测可能是这套效果有着开源的解决方案或者早期被人反编译然后公开或者半公开的发布过,因此国内的阅读器纷纷采用了相同的解决方案,不完全统计,目前采用该套解决方案的阅读器如下:

iReader(掌阅)、QQ阅读器、百度文库、开卷有益、掌上书院、塔读

改版

其中QQ阅读器和iReader在最近的几次更新中先后增加了一些变化,抹掉了回翻页时也出现从页角开始翻页的效果,据个人的观察和猜测,是在原有的翻页效果基础上增加了一种新的翻页效果,正常向后翻页的时候响应原有的Laputa式的效果,当用户向前翻页时则响应第二种翻页效果,这种翻页效果比较生硬,只是比较平的一个卷页,不能自由滑动和拉扯,在iOS上有一个开源的解决方案——leaves,不清楚是不是这套方案也被移植到Android上或者是有人仿造写了一个类似的,这种二合一的解决方案是QQ阅读器首先采用,iReader于近期升级也加入了这个特点,不过iReader的第二种效果似乎还略有区别,可以向下拉扯作出轻微的扭曲纸张的效果(但是幅度不大并且自由度有限)

而这两家除了在翻页效果上略有差异,在翻页效果的响应上也有着一点点不同,QQ不仅仅在向前回翻时响应这个效果,还在用户向文末翻页时提供了响应,屏幕中间的1/3区域内无论向前还是向后翻页都会直接响应这个平翻的效果

PS.开卷有益3.1版也有了类似的升级,已经可以响应页面边缘的卷动了,而且还是类似左右页边缘都能响应卷页效果的方案,与这种二合一貌似有区别

一、其它方案

GGbook式

这套方案第一次看见是在GGbook上,依稀记得还在另一款软件上见过这个翻页效果,但是不记得名字了囧……特点是同样模拟了纸张各个角度的扭曲,可以自由拖拽拉扯,并且不像Laputa那样只拉扯页角,还可以从页边卷动页面,并且向前回翻时也没有Laputa那种翻页特点,从这两个角度上来看这种效果更加类似iBooks的效果,但是这种翻页效果似乎还有待优化,显示略显生硬,不够顺滑~

NOOK式

Nook也是电子书巨头了,撇开自己的E-ink和平版设备不说,Android阅读器也颇靠谱,自带的翻页效果也十分精致,虽然没有纸张背面透过去可以看到反面文字的效果,但是操作起来自然顺滑,基本来说是个人在Android版上见过最爱不释手的效果。

再其它

  • 上文说的类leaves效果的平卷页效果,以前见过这样的阅读器,但是没找到截图了or

  • 做几帧动画的,以前开卷有益用过,现在静听阅读貌似也是这么做的(之前静听也用过Laputa方案

  • 自己开发的各自效果,盛大第一版云中书城做过一个大约是自有的方案,但是比较生硬,这个版本现在无法使用了也木有截图鸟~

Comments
Write a Comment