博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Android实例] 在Android手机上实现阅读器的翻页效果
阅读量:5821 次
发布时间:2019-06-18

本文共 1000 字,大约阅读时间需要 3 分钟。

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

现在先来看看翻页的原理图:
<ignore_js_op>1.png 
先了解各个字母表示的含义:
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两点的坐标,根据最新的坐标重画各条直线,剪切直线包围起来的区域。界面的刷新频率根据自身需要调整。
如果你觉得直线围起来的区域过于生硬,不太像真实的翻页效果。没关系,你还可以使用贝塞尔曲线来连接交点a,b,c。Android上有画贝塞尔曲线的方法,Path类里面的quadTo(x1, y1, x2, y2)。
实际效果就像这样。
<ignore_js_op>2.png

转载于:https://www.cnblogs.com/greywolf/archive/2012/12/21/2828443.html

你可能感兴趣的文章
Fedora 23 配置
查看>>
关于CH340在STM32实现一键下载电路的研究(转)
查看>>
%( $# > 1 %? if (tid() in trace) %) 是什么意思
查看>>
sublime text之sublimeCodeIntel 的配置
查看>>
Linux:Vim
查看>>
github page 和 hexo 搭建在线博客
查看>>
手把手教你在Windows下使用MinGW编译libav(参考libx264的编入)
查看>>
Telnet,SSH1,SSH2,Telnet/SSL,Rlogin,Serial,TAPI,RAW
查看>>
scala VS python2 (linux or shell)
查看>>
iOS开发系列--Objective-C之协议、代码块、分类
查看>>
Android-onInterceptTouchEvent()和onTouchEvent()总结
查看>>
lintcode:strStr 字符串查找
查看>>
设置Android Studio启动时可选最近打开过的工程
查看>>
I.MX6 eMMC 中启动U-boot存放的首地址
查看>>
Codeforces Round #326 (Div. 2) B. Duff in Love 分解质因数
查看>>
从0开始学Java——JSP&Servlet——如何部署web应用程序
查看>>
劝学篇
查看>>
Java设计模式2:简单工厂模式
查看>>
LPC43xx SGPIO Pattern Match Mode
查看>>
交易应用-运行多个SQL声明
查看>>