android倒影效果,Android中使用Matrix控制图形变换和制作倒影效果的方法

最近在使用Matrix进行绘图的操作。对Matrix的一些方法有了一些更深的体会，记下来，以便日后复习。

Matrix常用的方法：

一、变换方法：

Matrix提供了translate(平移)、rotate(旋转)、scale(缩放)、skew(倾斜)四种操作，这四种操作的内部实现过程都是通过matrix.setValues(…)来设置矩阵的值来达到变换图片的效果。

Matrix的每种操作都有set、pre、post三种操作，set是清空队列再添加，pre是在队列最前面插入，post是在队列最后面插入。

pre方法表示矩阵前乘，例如：变换矩阵为A，原始矩阵为B，pre方法的含义即是A*B

post方法表示矩阵后乘，例如：变换矩阵为A，原始矩阵为B，post方法的含义即是B*A

1.matrix.preScale(0.5f, 1);

2.matrix.preTranslate(10, 0);

3.matrix.postScale(0.7f, 1);

4.matrix.postTranslate(15, 0);

等价于：

translate(10, 0) -> scale(0.5f, 1) -> scale(0.7f, 1) -> translate(15, 0)

注意：后调用的pre操作先执行，而后调用的post操作则后执行。

set方法一旦调用即会清空之前matrix中的所有变换，例如：

1.matrix.preScale(0.5f, 1);

2.matrix.setScale(1, 0.6f);

3.matrix.postScale(0.7f, 1);

4.matrix.preTranslate(15, 0);

等价于

translate(15, 0) -> scale(1, 0.6f) ->  scale(0.7f, 1)

matrix.preScale (0.5f, 1)将不起作用。

二、映射方法

Matrix提供了mapXXX的方法，用于获取经matrix映射之后的值。主要有：mapPoints，mapRects，mapVectors等方法。

这些方法你会使用到：在你需要记住matrix操作之后的数值的时候。比如：记住矩形旋转34°(rotate)之后四个点的坐标。(你可以尝试着自己计算，你会发现很复杂，还不精确)

需要注意的是，matrix的某些方法使用到中心点的时候，如果不设置，默认是以(0，0)为中心点的。

记下来，以免忘记。

三、制作倒影效果利用matrix可以实现各种图片的特效，接下来就用marix加上渐变色实现图片倒影的效果，步骤如下：

1. 获取需要倒影效果的图片，这里取原图片的一半

2. 添加颜色渐变到倒影图片上

具体的实现如下面代码所述，我们以一种自定义view的形式给出效果图，代码如下：

package com.flection.view;

import com.flection.main.R;

import android.annotation.SuppressLint;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Bitmap.Config;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.LinearGradient;

import android.graphics.Matrix;

import android.graphics.Paint;

import android.graphics.PorterDuffXfermode;

import android.graphics.Shader.TileMode;

import android.graphics.drawable.BitmapDrawable;

import android.util.AttributeSet;

import android.view.View;

public class FlectionView extends View {

Context mContext=null;

public FlectionView(Context context) {

super(context);

}

public FlectionView(Context context, AttributeSet attrs) {

super(context, attrs);

this.mContext=context;

}

@SuppressLint("DrawAllocation")

@Override

protected void onDraw(Canvas canvas) {

//设置背景色

this.setBackgroundColor(Color.parseColor("#8B8378"));

Bitmap oldBitmap = BitmapFactory.decodeResource(mContext.getResources(),R.drawable.dropbox);

Bitmap newBitmap = createFlectionBitmap(oldBitmap);

canvas.drawBitmap(newBitmap,newBitmap.getWidth() ,newBitmap.getHeight(), new Paint());

this.invalidate();

}

//获取原图+倒影图的bitmap

private Bitmap createFlectionBitmap(Bitmap oldBitmap) {

int mWidth = oldBitmap.getWidth();

int mHeight = oldBitmap.getHeight();

//原图和倒影图之间的缝隙

int gap = 2;

Matrix matrix = new Matrix();

matrix.preScale(1, -1);

Bitmap flection = Bitmap.createBitmap(oldBitmap, 0, mHeight / 2,

mWidth, mHeight / 2, matrix, false);

Bitmap background = Bitmap.createBitmap(mWidth, mHeight+gap+mHeight/2, Config.ARGB_8888);

Canvas canvas = new Canvas(background);

Paint p1 = new Paint();

//画出原图

canvas.drawBitmap(oldBitmap, 0, 0, p1);

//画出倒影图

canvas.drawBitmap(flection, 0, mHeight+gap, p1);

Paint shaderPaint = new Paint();

LinearGradient shader = new LinearGradient(0, mHeight, 0,

flection.getHeight(), 0x70ffffff, 0x00ffffff, TileMode.MIRROR);

shaderPaint.setShader(shader);

shaderPaint.setXfermode(new PorterDuffXfermode(android.graphics.PorterDuff.Mode.DST_IN));

//画出渐变颜色

canvas.drawRect(0, mHeight+gap, mWidth, background.getHeight(), shaderPaint);

return background;

}

}

实现的效果如下图：