Android自定义View——从零开始实现书籍翻页效果（性能优化篇）

版权声明：本文为博主原创文章，未经博主允许不得转载。
系列教程：Android开发之从零开始系列
源码：github.com/AnliaLee/BookPage，欢迎star

大家要是看到有错误的地方或者有啥好的建议，欢迎留言评论

前言：前几期博客中我们分析了 书籍翻页效果各部分的绘制原理，虽然效果都实现了，但测试过程中却发现我们的View翻起页来似乎 不是很流畅，这期便带大家一起对View进行 性能优化

本篇只着重于思路和实现步骤，里面用到的一些知识原理不会非常细地拿来讲，如果有不清楚的api或方法可以在网上搜下相应的资料，肯定有大神讲得非常清楚的，我这就不献丑了。本着认真负责的精神我会把相关知识的博文链接也贴出来（其实就是懒不想写那么多哈哈），大家可以自行传送。为了照顾第一次阅读系列博客的小伙伴，本篇会出现一些在之前系列博客就讲过的内容，看过的童鞋自行跳过该段即可

国际惯例，先上效果图

目录

• 封装View触摸事件
• 各区域显示内容绘制优化（重用内容Bitmap）
• 当前页背面（C区域）背景绘制优化

---

封装View触摸事件

在进行性能优化之前，首先感谢@布隆提出的建议：BookPageView作为一个完整的书页自定义View，那么对触摸事件的管理建议放在View的onTouchEvent中，而不是在外部setOnTouchListener，这样保证了View功能的完整性也提高了使用上的方便性。那么按照这样的要求，修改BookPageView

public class BookPageView extends View {
   
    //省略部分代码...
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        super.onTouchEvent(event);
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                float x = event.getX();
                float y = event.getY();
                if(x<=viewWidth/3){
  //左
                    style = STYLE_LEFT;
                    setTouchPoint(x,y,style);

                }else if(x>viewWidth/3 && y<=viewHeight/3){
  //上
                    style = STYLE_TOP_RIGHT;
                    setTouchPoint(x,y,style);

                }else if(x>viewWidth*2/3 && y>viewHeight/3 && y<=viewHeight*2/3){
  //右
                    style = STYLE_RIGHT;
                    setTouchPoint(x,y,style);

                }else if(x>viewWidth/3 && y>viewHeight*2/3){
  //下
                    style = STYLE_LOWER_RIGHT;
                    setTouchPoint(x,y,style);

                }else if(x>viewWidth/3 && x<viewWidth*2/3 && y>viewHeight/3 && y<viewHeight*2/3){
  //中
                    style = STYLE_MIDDLE;
                }
                break;
            case MotionEvent.ACTION_MOVE:
                setTouchPoint(event.getX(),event.getY(),style);
                break;
            case MotionEvent.ACTION_UP:
                startCancelAnim();
                break;
        }
        return true;
    }
}

修改之后我们在Activity中不再需要调用setOnTouchListener了，在xml样式文件中也不再需要设置android:clickable=”true”属性

---

各区域显示内容绘制优化（重用内容Bitmap）

相关博文链接

Android开发者选项——Gpu呈现模式分析

之前完成所有效果的绘制后，在手机上测试了下，发现翻页不是很流畅，感觉卡卡的，遂打开手机的GPU呈现模式分析，重新试下翻页，然后。。。

Σ( ° △ °|||)︴尼玛手机这是要炸了么，赶紧翻代码找原因。一番检查后，发现View每次在执行触摸翻页操作时，都新建了A、B、C区域内容Bitmap，造成了不必要的开销，实际上如果各区域显示内容不变的情况下，内容Bitmap只需要初始化一次，以后每次绘制时仅需要重用原来的Bitmap即可。同理，View中能重用的对象就要尽量重用，修改我们的BookPageView

public class BookPageView extends View {
   
    //省略部分代码...
    private float[] mMatrixArray = { 0, 0, 0, 0, 0, 0, 0, 0, 1.0f };
    private Matrix mMatrix;

    private GradientDrawable drawableLeftTopRight;
    private GradientDrawable drawableLeftLowerRight;

    private GradientDrawable drawableRightTopRight;
    private GradientDrawable drawableRightLowerRight;
    private GradientDrawable drawableHorizontalLowerRight;

    private GradientDrawable drawableBTopRight;
    private GradientDrawable drawableBLowerRight;

    private GradientDrawable drawableCTopRight;
    private GradientDrawable drawableCLowerRight;

    private Bitmap pathAContentBitmap;//A区域内容Bitmap
    private Bitmap pathBContentBitmap;//B区域内容Bitmap