Android 使用 Matrix 控制变换

Matrix 是 Android 提供的一个矩阵工具类,它本身并不能对图像或组件进行变换,但它可与其他 API 结合来控制图像、组件的变换。

使用 Matrix 控制图像或组件变换的步骤如下:

  1. 获取 Matrix 对象,该 Matrix 对象即可新创建,也可以直接获取其他对象内封装的 Matrix(例如 Transformation 对象内部就封装了 Matrix);
  2. 调用 Matrix 的方法进行平移、旋转、缩放、倾斜等;
  3. 将程序对 Matrix 所做的变换应用到指定图像或组件。

下面是一个简单的使用示例,首先是一个自定义的 TestMatrixView.java 视图文件

package com.toby.personal.testlistview;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.drawable.BitmapDrawable;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by toby on 2017/4/12.
 */

public class TestMatrixView extends View {

    // 初始图片资源
    private Bitmap bitmap;
    // Matrix 实例
    private Matrix matrix = new Matrix();
    // 设置倾斜度
    private float sx = 0.0f;
    // 位图的宽和高
    private int width, height;
    // 缩放比例
    private float scale = 1.0f;
    // 判断是缩放还是旋转
    private boolean isScale = false;

    public TestMatrixView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        bitmap = ((BitmapDrawable)
                context.getResources().getDrawable(R.drawable.girl04, null)).getBitmap();
        width = bitmap.getWidth();
        height = bitmap.getHeight();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 重置 Matrix
        matrix.reset();
        if (!isScale) {
            // 旋转 Matrix
            matrix.setSkew(sx, 0);
        } else {
            // 缩放 Matrix
            matrix.setScale(scale, scale);
        }

        Bitmap bitmap1 = Bitmap.createBitmap(bitmap, 0, 0, width, height, matrix, true);
        canvas.drawBitmap(bitmap1, matrix, null);
    }

    public void skewUp(){
        isScale = false;
        sx += 0.1;
        postInvalidate();
    }

    public void skewDown(){
        isScale = false;
        sx -= 0.1;
        postInvalidate();
    }

    public void scaleUp() {
        isScale = true;
        if (scale < 2.0) {
            scale += 0.1;
        }
        postInvalidate();
    }

    public void scaleDown() {
        isScale = true;
        if (scale > 0.5) {
            scale -= 0.1;
        }
        postInvalidate();
    }
}

主程序文件的内容如下:

package com.toby.personal.testlistview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.KeyEvent;

public class MainActivity extends AppCompatActivity {

    final private static String TAG = "Toby_Test";
    private TestMatrixView matrixView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        matrixView = new TestMatrixView(this, null);
        setContentView(matrixView);
    }

    @Override
    public boolean onKeyUp(int keyCode, KeyEvent event) {
        switch (keyCode) {
            case KeyEvent.KEYCODE_A:
                matrixView.skewUp();
                break;
            case KeyEvent.KEYCODE_D:
                matrixView.skewDown();
                break;
            case KeyEvent.KEYCODE_W:
                matrixView.scaleUp();
                break;
            case KeyEvent.KEYCODE_S:
                matrixView.scaleDown();
                break;
        }
        return super.onKeyDown(keyCode, event);
    }

}

显示效果如下:


显示效果

本文参考文献:《疯狂Android讲义 : 第2版

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,405评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,246评论 4 61
  • 来自太平洋的风 2016年11月14日,我在台湾南部的垦丁。夜晚,在几个日本背包客的热情邀请下,我通过手扶梯...
    LonelyFox阅读 780评论 0 0
  • 3D打印技术是怎么实现的 3D打印机的种类、原材料、构成、组件、不同颜色、完成作品的用时、发展前景 3D prin...
    Maia在简书阅读 287评论 0 0
  • 校园离校前的落日 学校小树林里看到的风景
    Striver_TS阅读 251评论 0 0