一、概述

　1.　在Android中，如果你用Matrix进行过图像处理，那么一定知道Matrix这个类。Android中的Matrix是一个3 x 3的矩阵，其内容如下

2.Matrix的对图像的处理可分为四类基本变换：

　　Translate 平移变换

　　Rotate 旋转变换

　　Scale 缩放变换

　　Skew 错切变换

针对每种变换，Android提供了pre、set和post三种操作方式。其中
set用于设置Matrix中的值。
pre是先乘，因为矩阵的乘法不满足交换律，因此先乘、后乘必须要严格区分。先乘相当于矩阵运算中的右乘。
post是后乘，因为矩阵的乘法不满足交换律，因此先乘、后乘必须要严格区分。后乘相当于矩阵运算中的左乘。

除平移变换(Translate)外，旋转变换(Rotate)、缩放变换(Scale)和错切变换(Skew)都可以围绕一个中心点来进行，如果不指定，在默认情况下是围绕(0, 0)来进行相应的变换的。

二、常用操作

1.平移　　

matrix.postTranslate(view.getImageBitmap().getWidth(), view.getImageBitmap().getHeight());

2.缩放

matrix.setScale(2f, 2f);

3.旋转

//第一种方式

        //旋转 围绕图片中心

        matrix.setRotate(45f,view.getImageBitmap().getWidth()/2f,view.getImageBitmap().getHeight()/2f);

        //平移

        matrix.postTranslate(view.getImageBitmap().getWidth()*1.5f,0f);

        //第二种方式

        //旋转  中心点（0,0）

        matrix.setRotate(45f);

        //先将图片中心移到(0,0),旋转后再移到原位置

        matrix.preTranslate(-view.getImageBitmap().getWidth()/2f,-view.getImageBitmap().getHeight()/2f);

        matrix.postTranslate(view.getImageBitmap().getWidth()*2f,view.getImageBitmap().getHeight()/2f);

4.错切

　　　　　matrix.setSkew(0.5f,0f);//水平

        matrix.setSkew(0f,0.5f);//竖直

        matrix.setSkew(0.5f,0.5f);//水平和数值

5.对称

　1）x轴对称

float matrix_values[] = {1f, 0f, 0f, 0f, -1f, 0f, 0f, 0f, 1f};
matrix.setValues(matrix_values);

　2)Y轴对称

float matrix_values[] = {-1f, 0f, 0f, 0f, 1f, 0f, 0f, 0f, 1f};
matrix.setValues(matrix_values);

　3）y=x对称

float matrix_values[] = {0f, -1f, 0f, -1f, 0f, 0f, 0f, 0f, 1f};
matrix.setValues(matrix_values);

三、代码

1.xml文件

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    >

    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:id="@+id/rl"

        >

        <com.example.dhj.bitmapdemo.TransformMatrixView

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:id="@+id/view"

            />

    </RelativeLayout>

    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:visibility="visible"

        >

        <Button

            android:id="@+id/button"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignParentBottom="true"

            android:layout_alignParentLeft="true"

            android:layout_alignParentStart="true"

            android:layout_marginBottom="135dp"

            android:onClick="click"

            android:text="平移" />

        <Button

            android:id="@+id/button2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignBaseline="@+id/button"

            android:layout_alignBottom="@+id/button"

            android:layout_marginLeft="17dp"

            android:layout_marginStart="17dp"

            android:layout_toEndOf="@+id/button"

            android:layout_toRightOf="@+id/button"

            android:onClick="click"

            android:text="旋转" />

        <Button

            android:id="@+id/button3"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignBottom="@+id/button2"

            android:layout_marginLeft="35dp"

            android:layout_marginStart="35dp"

            android:layout_toEndOf="@+id/button2"

            android:layout_toRightOf="@+id/button2"

            android:onClick="click"

            android:text="水平倾斜" />

        <Button

            android:id="@+id/button4"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignBaseline="@+id/button5"

            android:layout_alignBottom="@+id/button5"

            android:layout_alignParentLeft="true"

            android:layout_alignParentStart="true"

            android:onClick="click"

            android:text="竖直倾斜" />

        <Button

            android:id="@+id/button5"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignLeft="@+id/button2"

            android:layout_alignStart="@+id/button2"

            android:layout_below="@+id/button2"

            android:onClick="click"

            android:text="水平竖直倾斜" />

        <Button

            android:id="@+id/button6"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignLeft="@+id/button3"

            android:layout_alignStart="@+id/button3"

            android:layout_below="@+id/button3"

            android:onClick="click"

            android:text="x轴对称" />

        <Button

            android:id="@+id/button7"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignParentLeft="true"

            android:layout_alignParentStart="true"

            android:layout_below="@+id/button4"

            android:layout_marginTop="15dp"

            android:onClick="click"

            android:text="y轴对称" />

        <Button

            android:id="@+id/button8"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignBottom="@+id/button7"

            android:layout_alignLeft="@+id/button5"

            android:layout_alignStart="@+id/button5"

            android:onClick="click"

            android:text="y=x对称" />

        <Button

            android:id="@+id/button11"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignLeft="@+id/button6"

            android:layout_alignStart="@+id/button6"

            android:layout_alignTop="@+id/button8"

            android:onClick="click"

            android:text="缩放" />

    </RelativeLayout>

</FrameLayout>

2.自定义view

class TransformMatrixView extends ImageView

    {

        private Bitmap bitmap;

        private Matrix matrix;

        public TransformMatrixView(Context context)

        {

            super(context);

            Bitmap b = BitmapFactory.decodeResource(getResources(), R.drawable.p1);

            bitmap=resizeBitmap(b,162,251);

            matrix = new Matrix();

            setBackgroundColor(Color.parseColor("#3f51b5"));

        }

        public TransformMatrixView(Context context, @Nullable AttributeSet attrs) {

            super(context, attrs);

            Bitmap b = BitmapFactory.decodeResource(getResources(), R.drawable.p1);

            bitmap=resizeBitmap(b,162,251);

            matrix = new Matrix();

//            setBackgroundColor(Color.parseColor("#3f51b5"));

        }

        @Override

        protected void onDraw(Canvas canvas)

        {

            // 画出原图像

            canvas.drawBitmap(bitmap, 0, 0, null);

            // 画出变换后的图像

            canvas.drawBitmap(bitmap, matrix, null);

            super.onDraw(canvas);

        }

        @Override

        public void setImageMatrix(Matrix matrix)

        {

            this.matrix.set(matrix);

            super.setImageMatrix(matrix);

        }

        public Bitmap getImageBitmap()

        {

            return bitmap;

        }

        /**

         * 使用Matrix将Bitmap压缩到指定大小

         * @param bitmap

         * @param w

         * @param h

         * @return

         */

        public static Bitmap resizeBitmap(Bitmap bitmap, int w, int h)

        {

            int width = bitmap.getWidth();

            int height = bitmap.getHeight();

            float scaleWidth = ((float) w) / width;

            float scaleHeight = ((float) h) / height;

            Matrix matrix = new Matrix();

            matrix.postScale(scaleWidth, scaleHeight);

            Bitmap resizedBitmap = Bitmap.createBitmap(bitmap, 0, 0, width,

                    height, matrix, true);

            return resizedBitmap;

        }

    }

3.activity

public class MainActivity extends Activity {

    private TransformMatrixView view;

    Matrix matrix= new Matrix();

    @Override

    public void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(R.layout.activity_main);

        view= (TransformMatrixView) findViewById(R.id.view);

    }

    public void click(View v){

        switch (v.getId()){

            case R.id.button:

                tranlate();

                break;

            case R.id.button2:

                rorate();

                break;

            case R.id.button3:

                skewhorizontal();

                break;

            case R.id.button4:

                skewVertical();

                break;

            case R.id.button5:

                skew();

                break;

            case R.id.button6:

                symmetryHorizontal();

                break;

            case R.id.button7:

                symmetryVertical();

                break;

            case R.id.button8:

                symmetry();

                break;

            case R.id.button11:

                scale();

                break;

        }

        view.setImageMatrix(matrix);

//        view.invalidate();

    }

    //平移

    private void tranlate(){

        // 输出图像的宽度和高度(162 x 251)

//            Log.e("TestTransformMatrixActivity", "image size: width x height = " +  view.getImageBitmap().getWidth() + " x " + view.getImageBitmap().getHeight());

        // 1. 平移

        matrix.postTranslate(view.getImageBitmap().getWidth(), view.getImageBitmap().getHeight());

        // 在x方向平移view.getImageBitmap().getWidth()，在y轴方向view.getImageBitmap().getHeight()

    }

    //旋转

    private void rorate(){

        //第一种方式

        //旋转 围绕图片中心

        matrix.setRotate(45f,view.getImageBitmap().getWidth()/2f,view.getImageBitmap().getHeight()/2f);

        //平移

        matrix.postTranslate(view.getImageBitmap().getWidth()*1.5f,0f);

        //第二种方式

        //旋转  中心点（0,0）

        matrix.setRotate(45f);

        //先将图片中心移到(0,0),旋转后再移到原位置

        matrix.preTranslate(-view.getImageBitmap().getWidth()/2f,-view.getImageBitmap().getHeight()/2f);

        matrix.postTranslate(view.getImageBitmap().getWidth()*2f,view.getImageBitmap().getHeight()/2f);

    }

    //缩放

    private void scale(){

        matrix.setScale(2f, 2f);

        matrix.postTranslate(view.getImageBitmap().getWidth(),view.getImageBitmap().getHeight());

    }

    //水平 倾斜

    private void skewhorizontal(){

//        matrix.setSkew(0.5f, 0f);

//        matrix.postTranslate(view.getImageBitmap().getWidth(), 0f);

        matrix.setSkew(0.5f,0f);

        matrix.postTranslate(view.getImageBitmap().getWidth(),0f);

    }

    //竖直  倾斜

    private void skewVertical(){

        matrix.setSkew(0f,0.5f);

        matrix.postTranslate(view.getImageBitmap().getWidth(),0f);

    }

    //倾斜 水平和竖直

    private void skew(){

        matrix.setSkew(0.5f,0.5f);

        matrix.postTranslate(view.getImageBitmap().getWidth(),0f);

    }

    //x轴对称

    private void symmetryHorizontal(){

        float matrix_values[] = {1f, 0f, 0f, 0f, -1f, 0f, 0f, 0f, 1f};

        matrix.setValues(matrix_values);

        matrix.postTranslate(0f,view.getImageBitmap().getHeight()*2);

    }

    //y轴对称

    private void symmetryVertical(){

        float matrix_values[] = {-1f, 0f, 0f, 0f, 1f, 0f, 0f, 0f, 1f};

        matrix.setValues(matrix_values);

        matrix.postTranslate(view.getImageBitmap().getWidth()*2,0f);

    }

    //对称 y=x

    private void symmetry(){

        float matrix_values[] = {0f, -1f, 0f, -1f, 0f, 0f, 0f, 0f, 1f};

        matrix.setValues(matrix_values);

        matrix.postTranslate(view.getImageBitmap().getWidth()+view.getImageBitmap().getHeight(),

                view.getImageBitmap().getHeight()+view.getImageBitmap().getWidth());

    }

}

四、效果

参考：

Android中图像变换Matrix的原理、代码验证和应用

Android绘图之Matrix的更多相关文章

论文第5章：Android绘图平台的实现
面向移动设备的矢量绘图平台设计与实现 Design and Implementation of Mobile Device-oriented Vector Drawing Platform 引用本论文 ...
Android群英传》读书笔记 (3) 第六章 Android绘图机制与处理技巧 + 第七章 Android动画机制与使用技巧
第六章 Android绘图机制与处理技巧 1.屏幕尺寸信息屏幕大小:屏幕对角线长度,单位“寸”:分辨率:手机屏幕像素点个数,例如720x1280分辨率:PPI(Pixels Per Inch):即DP ...
第三章 Android绘图机制与处理技巧
1.屏幕尺寸信息屏幕大小:屏幕对角线长度,单位“寸”:分辨率:手机屏幕像素点个数,例如720x1280分辨率:PPI(Pixels Per Inch):即DPI(Dots Per Inch),它是对 ...
Android群英传笔记——第六章：Android绘图机制与处理技巧
Android群英传笔记--第六章:Android绘图机制与处理技巧一直在情调,时间都是可以自己调节的,不然世界上哪有这么多牛X的人今天就开始读第六章了,算日子也刚好一个月了,一个月就读一半,这效 ...
Android为TV端助力转载：Android绘图Canvas十八般武器之Shader详解及实战篇(下)
LinearGradient 线性渐变渲染器 LinearGradient中文翻译过来就是线性渐变的意思.线性渐变通俗来讲就是给起点设置一个颜色值如#faf84d,终点设置一个颜色值如#CC423C, ...
Android中图像变换Matrix的原理、代码验证和应用（一）
第一部分 Matrix的数学原理在Android中,如果你用Matrix进行过图像处理,那么一定知道Matrix这个类.Android中的Matrix是一个3 x 3的矩阵,其内容如下: Matri ...
android 绘图之Canvas,Paint类
Canvas,Paint 1.在android 绘图但中经常要用到Canvas和Paint类,Canvas好比是一张画布,上面已经有你想绘制图画的轮廓了,而Paint就好比是画笔,就要给Canvas进 ...
Android绘图机制（四）——使用HelloCharts开源框架搭建一系列炫酷图表，柱形图，折线图，饼状图和动画特效，抽丝剥茧带你认识图表之美
Android绘图机制(四)--使用HelloCharts开源框架搭建一系列炫酷图表,柱形图,折线图,饼状图和动画特效,抽丝剥茧带你认识图表之美这里为什么不继续把自定义View写下去呢,因为最近项目 ...
Android绘图机制（三）——自定义View的实现方式以及半弧圆新控件
Android绘图机制(三)--自定义View的三种实现方式以及实战项目操作在Android绘图机制(一)--自定义View的基础属性和方法里说过,实现自定义View有三种方式,分别是 1.对现有 ...

随机推荐

通过docker构建zabbix监控系统
下载zabbix的镜像 $ docker pull berngp/docker-zabbix Using default tag: latest latest: Pulling from berngp ...
在laravel中使用QrCode包生成二维码
http://laravelacademy.org/post/2605.html 一切都是按照文档上的说明操作,没有问题
ActiviMQ(1)
1. ActiviMQ是实现JMS接口和规范的消息中间件(Provider), 2. JMS,Java Message Service, java消息服务,是JavaEE中的一个技术 3. JMS规范 ...
mysql事务之二：MySQL隔离级别演示
登录mysql: mysql -u root -p123456 Mysql 版本号 mysql> select version(); +-------------------------+ | ...
2012_p1 质因数分解 (prime.cpp/c/pas)
2012_p1 质因数分解 (prime.cpp/c/pas) 时间限制: 1 Sec 内存限制: 128 MB提交: 80 解决: 27[提交][状态][讨论版][命题人:外部导入] 题目描述 ...
Oracle redo与undo
Undo and redo Oracle最重要的两部分数据,undo 与redo,redo(重做信息)是oracle在线(或归档)重做日志文件中记录的信息,可以利用redo重放事务信息,undo(撤销 ...
Linux MTD系统剖析
MTD,Memory Technology Device即内存技术设备,在Linux内核中,引入MTD层为NOR FLASH和NAND FLASH设备提供统一接口.MTD将文件系统与底层FLASH存储 ...
第九章整合Mybatis（待续）
··········
javascript中的垃圾回收
1引用计数垃圾回收核心:跟踪记录对象被引用的次数.思路是如果一个对象A被赋值给了一个变量v,则该对象A的引用计数值加1,如果变量v又被赋予其他值了,比如a="str",则该对象A ...
leetcode599
public class Solution { public string[] FindRestaurant(string[] list1, string[] list2) { var dic = n ...

Android绘图之Matrix

一、概述

二、常用操作

1.平移

2.缩放

3.旋转

4.错切

5.对称

三、代码

四、效果

参考：

Android中图像变换Matrix的原理、代码验证和应用

Android绘图之Matrix的更多相关文章

随机推荐

热门专题

1.平移　　