大约是在随着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

Tags

生活   碎碎念   思考   电影   Android   工作   ubuntu   记录   牢骚   游戏   StudyJam   产品   感慨   α-d0βe   代理   知乎   目标   手机阅读   产品设计   外卖   设计   学习   回忆   翻译   漫画   读书   吐槽   腾讯   kindle   小妇人   抱怨   分析   做事   输入法   游戏制作   诺基亚   阅读   零号线   iPhone   MAC   教育   GameMaker   兔年   模拟器   英语学习   流水   swift   刷机   旋转屏幕   SIM卡   随笔   背单词   小男人   需求   生命   平板   gnome   ipad   扯淡   fcitx   爱情   孩子   电子阅读   dezire z   老游戏   SSH   编程   GameMaker Studio 2   乔的男孩们   降级   光棍节   愤怒的小鸟   翻页效果   BUT   淘宝   touch   手机   apple   总结   正义   gtd   博客   皮克斯   公开课   反思   gSTM   2011   2010   播放器   WEB   服务   浮躁   暖暖内含光   修理   家庭   九把刀   imei   游泳   奥尔科特   宜家   storyboard   GMS手札   移动阅读   态度   dbus   平凡之路   协作   object-c   拓词   露易莎梅奥尔科特   操作   泄露   但是   无线网卡   白箱   蔡康永   快压   盗梦空间   mindmap   朴树   饥饿游戏   断网   iOS5   switchy   韩寒   成功   水位开关   知识整理   计划   文档   体验   物流   点子   360   myentunnel   动画   后会无期   xoom   触摸板   动漫   懒   将爱情进行到底   安达充   HTC   命运   校准   年度总结   随感   东野圭吾   惰性   HD6770   自私   周国平   tomboy   娱乐   plink   扇贝   洗衣机   情怀   触摸屏   麦当劳   patreon   人人   小米   evernote   chrome   职场   信息安全   营销   进度显示   爱发电   安全   公平   闲扯   twitter   锤子   DND   手机上网   Oculus   mars   流量   责任   N9   godaddy   tx2000   s-off   Lion   Nintendo Switch   心智图   电子辞典   用户资料   软团   自省   blogilo   魔法空间   垂直服务   生日   root   ubuntuone   电子书   塞尔达   笔记   老罗   肯德基   rhythmbox   win7   UCD   互联网   虚拟实境   废话   拖延   多看   显卡驱动   装13   用户   跨平台   angry bird   局域网   桌游   wireless   串号   联通   锤子科技   评论   失控   妥协   产品经理   百阅   众筹   wine