转载请标明出处：，本文出自：【张鸿洋的博客】1、概述
在上一篇Android FoldingLayout 折叠布局 原理及实现（一）我们实现了下面的1，2，3。
1、Matrix的setPolyToPoly使用
2、在图片上使用渐变和阴影
3、初步的FoldingLayout的实现，完成图片的折叠显示（可控制折叠次数、包含阴影的绘制）
4、引入手势，手指可以可以FoldingLayout的折叠
5、结合DrawerLayout实现折叠式侧滑
6、结合SlidingPaneLayout实现折叠式侧滑
本篇博客将继续完成4，5，6的内容。
上一篇博客中，我们实现了在一个自定义View种绘制我们的折叠图片，使用的是一个固定的图片，当然我们在实际使用中，希望可以折叠某一个布局而不是一张固定的图片。
所以首先我们把上一篇的博客进行修改，改为一个自定义的ViewGroup，我们叫做FoldLayout。
2、FoldLayout的实现1、实现
我们的想法是这样的，我们的FoldLayout只能有一个直接子元素，当然这个子元素可以是RelativeLayout什么的，可以很复杂。然后只要外层套了我们的FoldLayout，就能实现折叠效果。
那么也就是说，我们的FoldLayout折叠效果展示的是它的子元素的“样子”，那么如何或者这个“样子”呢？
大家都知道，我们的ViewGroup有个方法叫做：dispatchDraw(Canvas)主要用来绘制子元素，我们可以对这个canvas进行设置matrix，以及重复调用dispatchDraw(Canvas)来实现类似上篇博客最后的效果，这样就完成了我们的可行性的分析。
package com.zhy.view;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.LinearGradient;import android.graphics.Matrix;import android.graphics.Paint;import android.graphics.Paint.Style;import android.graphics.Shader.TileMode;import android.util.AttributeSet;import android.view.View;import android.view.ViewGroup;public class FoldLayout extends ViewGroup{private static final int NUM_OF_POINT = 8;/** * 图片的折叠后的总宽度 */private float mTranslateDis;protected float mFactor = 0.6f;private int mNumOfFolds = 8;private Matrix[] mMatrices = new Matrix[mNumOfFolds];private Paint mSolidPaint;private Paint mShadowPaint;private Matrix mShadowGradientMatrix;private LinearGradient mShadowGradientShader;private float mFlodWidth;private float mTranslateDisPerFlod;public FoldLayout(Context context){this(context, null);}public FoldLayout(Context context, AttributeSet attrs){super(context, attrs);for (int i = 0; i < mNumOfFolds; i++){mMatrices[i] = new Matrix();}mSolidPaint = new Paint();mShadowPaint = new Paint();mShadowPaint.setStyle(Style.FILL);mShadowGradientShader = new LinearGradient(0, 0, 0.5f, 0, Color.BLACK,Color.TRANSPARENT, TileMode.CLAMP);mShadowPaint.setShader(mShadowGradientShader);mShadowGradientMatrix = new Matrix();this.setWillNotDraw(false);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){View child = getChildAt(0);measureChild(child, widthMeasureSpec, heightMeasureSpec);setMeasuredDimension(child.getMeasuredWidth(),child.getMeasuredHeight());}@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b){View child = getChildAt(0);child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());mBitmap = Bitmap.createBitmap(getMeasuredWidth(), getMeasuredHeight(),Config.ARGB_8888);mCanvas.setBitmap(mBitmap);updateFold();}private void updateFold(){int w = getMeasuredWidth();int h = getMeasuredHeight();mTranslateDis = w * mFactor;mFlodWidth = w / mNumOfFolds;mTranslateDisPerFlod = mTranslateDis / mNumOfFolds;int alpha = (int) (255 * (1 – mFactor));mSolidPaint.setColor(Color.argb((int) (alpha * 0.8F), 0, 0, 0));mShadowGradientMatrix.setScale(mFlodWidth, 1);mShadowGradientShader.setLocalMatrix(mShadowGradientMatrix);mShadowPaint.setAlpha(alpha);float depth = (float) (Math.sqrt(mFlodWidth * mFlodWidth- mTranslateDisPerFlod * mTranslateDisPerFlod) / 2);float[] src = new float[NUM_OF_POINT];float[] dst = new float[NUM_OF_POINT];for (int i = 0; i < mNumOfFolds; i++){mMatrices[i].reset();src[0] = i * mFlodWidth;src[1] = 0;src[2] = src[0] + mFlodWidth;src[3] = 0;src[4] = src[2];src[5] = h;src[6] = src[0];src[7] = src[5];boolean isEven = i % 2 == 0;dst[0] = i * mTranslateDisPerFlod;dst[1] = isEven ? 0 : depth;dst[2] = dst[0] + mTranslateDisPerFlod;dst[3] = isEven ? depth : 0;dst[4] = dst[2];dst[5] = isEven ? h – depth : h;dst[6] = dst[0];dst[7] = isEven ? h : h – depth;for (int y = 0; y < 8; y++){dst[y] = Math.round(dst[y]);}mMatrices[i].setPolyToPoly(src, 0, dst, 0, src.length >> 1);}}private Canvas mCanvas = new Canvas();private Bitmap mBitmap;private boolean isReady;@Overrideprotected void dispatchDraw(Canvas canvas){if (mFactor == 0)return;if (mFactor == 1){super.dispatchDraw(canvas);return;}for (int i = 0; i < mNumOfFolds; i++){canvas.save();canvas.concat(mMatrices[i]);canvas.clipRect(mFlodWidth * i, 0, mFlodWidth * i + mFlodWidth,getHeight());if (isReady){canvas.drawBitmap(mBitmap, 0, 0, null);} else{// super.dispatchDraw(canvas);super.dispatchDraw(mCanvas);canvas.drawBitmap(mBitmap, 0, 0, null);isReady = true;}canvas.translate(mFlodWidth * i, 0);if (i % 2 == 0){canvas.drawRect(0, 0, mFlodWidth, getHeight(), mSolidPaint);} else{canvas.drawRect(0, 0, mFlodWidth, getHeight(), mShadowPaint);}canvas.restore();}}//…dispatchDrawpublic void setFactor(float factor){this.mFactor = factor;updateFold();invalidate();}public float getFactor(){return mFactor;}}上述代码大家应该不陌生，只是把从View对单个图片进行绘制的修改为了ViewGroup。
既然是ViewGroup少不了onMeasure,onLayout等。测量和布局完全依赖于它的子View。
然后将需要初始化的一些东西，不依赖于宽度的，比如画笔什么的都放在构造中；依赖宽高的，都在onLayout之后，调用了updateFold();进行初始化相关代码。
updateFold中的代码，我们也不陌生，因为和上篇博客基本一致。主要就是计算mFlodWidth，mTranslateDisPerFlod以及根据设置的mNumOfFolds去循环初始化我们的matrix.
积极思考造成积极人生，消极思考造成消极人生。
