PhoneGap中文网

标题: Android 实现书籍翻页效果(升级版）特效翻页 [打印本页]

作者: admin 时间: 2014-10-3 21:39
标题: Android 实现书籍翻页效果(升级版）特效翻页
Android 实现书籍翻页效果(升级版）  特效翻页基本信息

源码分类：新闻阅读
更新时间：2012-09-19
源码大小：0.24 MB
适用平台：Android2.2+

Android 实现书籍翻页效果(升级版）简介

      本软件主要是基于Android平台的，主要实现了对图书的添加与搜索，可以把图书添加到手机内存里，这样可以方便读者读书。还有对读书方式可以设置，是款很实用的软件。

  之前给出的例子只是能使书籍进行简单的拖拽，没有实现翻页的动画效果，很多人希望我能加上这一个，所以首先我们就来说说这个翻页的动画。
其实翻页的动画很容易实现，只要在Touch抬起后不断的刷新mTouch.x ， mTouch.y 的值就行了，你可以使用handler，thread，也可以使用Scroller，我个人比较喜欢Scroller，这个比较简单。
新添两个函数：

private void startAnimation(int delayMillis) {
      int dx, dy;
      // dx 水平方向滑动的距离，负值会使滚动向左滚动
      // dy 垂直方向滑动的距离，负值会使滚动向上滚动
      if (mCornerX > 0) {
         dx = -(int) (mWidth + mTouch.x);
      } else {
         dx = (int) (mWidth - mTouch.x + mWidth);
      }
      if (mCornerY > 0) {
         dy = (int) (mHeight - mTouch.y);
      } else {
         dy = (int) (1 - mTouch.y); // 防止mTouch.y最终变为0
      }
      mScroller.startScroll((int) mTouch.x, (int) mTouch.y, dx, dy,
            delayMillis);
}

public void computeScroll() {
      super.computeScroll();
      if (mScroller.computeScrollOffset()) {
         float x = mScroller.getCurrX();
         float y = mScroller.getCurrY();
         mTouch.x = x;
         mTouch.y = y;
         postInvalidate();
      }
}

接着在按下抬起时调用就行了
if (event.getAction() == MotionEvent.ACTION_UP) {
if (canDragOver()) { //判断是否可以翻页
startAnimation(1200);
} else {
mTouch.x = mCornerX - 0.09f; //如果不能翻页就让mTouch返回没有静止时的状态
mTouch.y = mCornerY - 0.09f; // - 0.09f是防止mTouch = 800 或mTouch= 0 要不在这些值时会出现BUG
}

还需要修改的地方是calcPoints() 这个函数，之前为了防止一个bug出现，添加了if (mBezierStart1.x < 0 || mBezierStart1.x > mWidth) {这个判断，但是在翻页动画时mTouch.x会小于0（从右向左翻时）或者mTouch.x>mWidth(从左往右)这时并不需要在进入这个函数进行处理，所以要在这个情况时将其屏蔽，改为：
if (mTouch.x > 0 && mTouch.x < mWidth) {
if (mBezierStart1.x < 0 || mBezierStart1.x > mWidth) {
……}
}
经过上边的修改就可以完成动画效果了。

还有的童鞋想将这个做成一个电子书阅读器，但是不知道如何将txt中的内容转换为翻页所需的图片，并在翻页后进行切换。所以我新添加了一个简单的类BookPageFactory，用来读取SD卡中的一个txt，并将读取的内容转换为一个bitmap用于显示。哈哈，这个只是一个功能很小的类，只是给大家做个演示，起到抛砖引玉的作用。大家请根据自己所需的功能酌情修改。
源码附带的是一个简单的带翻页动画的电子书阅读器，大家测试时请将test.txt放于SD卡根目录下：
效果图：

Android 实现书籍翻页效果(升级版）特效翻页源码下载

Android 实现书籍翻页效果(升级版）.zip (716.85 KB, 下载次数: 49)

作者: chenjxlg 时间: 2015-5-2 12:47

作者: username 时间: 2015-5-2 15:03
非常好感谢开始学习html5 app开发了

作者: chsilence 时间: 2015-5-2 15:44
人不错，学习学习感觉phonegap+html越来越火了。

作者: totem2005 时间: 2015-5-2 16:09
好东西啊，谢谢分享感谢phonegap中文网

作者: snail 时间: 2015-5-2 17:50
很不错，不错，学习学习。跨平台得顶起

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)