设为首页 加入收藏

TOP

在Android手机上实现阅读器的翻页效果
2014-11-24 11:57:25 来源: 作者: 【 】 浏览:0
Tags:Android 机上 实现 阅读 效果

本篇文章来谈谈怎么使用java实现翻页效果,就像电子阅读器那样。


现在先来看看翻页的原理图:


Android


先了解各个字母表示的含义:


A-把书页翻起来后看到的背面区域


B-把书页翻起来后看到的下一页的一角


C-当前页的可见部分。


a-手指滑动页角到达的位置


b-当前页翻起来后与书本垂直边的交点


c-当前页翻起来后与书本水平边的交点


m-翻页的起始点


n-书本右上角


t-书本左上角


o-直角坐标系原点


为了能在翻页的过程中看到下一页的部分内容,在每次翻页之前必须准备两张页面,一张是当前页,另一张是下一页。翻页的过程就是对这两张页面的剪切,组合过程。


看到图你也应该知道,这是一道什么几何题目了,好,那我们再把高中几何复习一遍吧。通过直线am的中点求它的中垂线bc,直线bc与书本的垂直边和水平边分别交于点b,点c,给出a点的动态坐标(x,y),求出b,c坐标。


知道了a,b,c,m四点的坐标,就可以把四边形abcm用直线连起来,并把四边形abcm分成A,B 两部分,A部分表示书页翻起来后看到的当前页的背面区域,B部分表示书页翻起来后看到的下一页的部分区域。


在java的Graphics2D这个类里面有clip这样的方法来达到剪切图片的目的,这个方法需要传入的是一个GeneralPath这样的对象,他表示的是在一个图片上要剪切的一个封闭区域,而这里,我们要剪切的区域包括:


1.当前页的可见部分,是一个多边形ocabnt。


2.当前页翻起来的背面,这是个三角形acb。


3.下一页的一角,也是个三角形cmb。


这三个部分剪切完毕,组合到同一个画布里面就能形成这样的翻页效果了。


当然,在翻页的过程中,因为要根据手指的触点坐标来随时刷新界面的显示,即重画界面,需要重新计算b,c两点的坐标,根据最新的坐标重画各条直线,剪切直线包围起来的区域。界面的刷新频率根据自身需要调整。


实际效果就像这样。


Android


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Android 通过字符串来获取R下面资.. 下一篇Android实现图书的翻页效果

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

·在 Redis 中如何查看 (2025-12-26 03:19:03)
·Redis在实际应用中, (2025-12-26 03:19:01)
·Redis配置中`require (2025-12-26 03:18:58)
·Asus Armoury Crate (2025-12-26 02:52:33)
·WindowsFX (LinuxFX) (2025-12-26 02:52:30)