设为首页 加入收藏

TOP

Android实现翻页功能原理【附源码】
2014-11-23 22:15:42 来源: 作者: 【 】 浏览:22
Tags:Android 实现 功能 原理 源码

第一种翻页效果如下:



实现原理:


当前手指触摸点为a,则 a点坐标为(ax,ay), 由三角形acb与三角形cmb为对称三角形并且直线cp为am垂直平分线,则 B点坐标为(ax/2,ay/2)。


作gf垂直于om且cb垂直于am, 三角形cfg与gfm相似,则 cf:gf = gf:mf cf=(gf * gf) / mf gf长度为g点纵坐标 mf长度为g点横坐标


cf长度可求 c点坐标可求 由c点、g点可确定过两点间的直线, 当该直线中x=0时求出与y足交点。




第二种翻页效果



实现原理:


使用贝赛尔曲线。曲线有四个点:起始点、终止点(也称锚点)以及两个相互分离的中间点。滑动两个中间点,贝塞尔曲线的形状会发生变化。


根据第一种翻页效果原理可以确定a、e、h、f、g ,由eh平行于cj且af垂直于eh,则 af垂直于cj则三角形egf相似于三角形cnf 则有ef:cf = gf:nf 。


设n为ag中点 则有cf=(3/2)*ef ,则c点坐标可求 由c点、k点坐标已知可知过两点间的直线


由该直线可计算与y轴相交点j 由a、e、c、j可计算两条直线的相交点b 同理可求点k。


在Android中的具体实现步骤:


起始页展示


1.创建屏幕尺寸的bmp


2.将图片转化为canvas


3.获取起始页面数据


4.在canvas中绘制起始页数据


5.在当前视图中复写onDraw进行重绘出bmp对象


翻页处理


1.初始化时创建两个bmp(bmp1、bmp2)并将其转换为canvas(canvas1、canvas2)


2.获取手势首次触摸的区域 (例:当首次点击屏幕的位置x<50&&y<50则为左上角)


3.根据首次点击区域判断需要展示的数据(例:首次点击处于左侧区域【左上、左下】的则判断操作为下一页操作)


4.获取下一页中数据并绘制出来在canvas2中


5.根据1中获取的区域位置调用起始动画使视图移动到手势首次点击位置


6.获取手势每次移动的坐标并根据移动坐标计算绘制的各个点的坐标


7.每次移动刷新视图


源码示例1 与 源码示例2 下载


------------------------------------------分割线------------------------------------------


具体下载目录在 /2014年资料/6月/29日/Android实现翻页功能原理【附源码】


------------------------------------------分割线------------------------------------------


完毕。 ^_^


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇PHP中return关键字使用案例 下一篇Go语言/Golang实现base64加密解密

评论

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