Android（java）学习笔记180：多媒体之图形的变化处理

1. 图形的缩放

（1）布局文件activity_main.xml如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center_horizontal"
    tools:context="com.himi.bitmapdemo.MainActivity" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/iv_src" />
    <ImageView
        android:layout_marginTop="10dip"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/iv_copyed" />
    

</LinearLayout>

（2）MainActivity.java，如下：

package com.himi.bitmapdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_src;
    private ImageView iv_copyed;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_src = (ImageView) findViewById(R.id.iv_src);
        iv_copyed = (ImageView) findViewById(R.id.iv_copyed);
        // 设置原图
        Bitmap bitmapSrc = BitmapFactory.decodeResource(getResources(),
                R.drawable.img01);
        iv_src.setImageBitmap(bitmapSrc);

        // 对原图进行 缩放，创建一个原图的拷贝(副本)，不能直接对原图变化
        // 获取原图的纸张类型
        Config config = bitmapSrc.getConfig();
        // 创建的副本，里面的内容是空白的，画布
        Bitmap alertBitmap = Bitmap.createBitmap(bitmapSrc.getWidth(),
                bitmapSrc.getHeight(), config);
        // 以alertBitmap大小为模板创建一个画板
        Canvas canvas = new Canvas(alertBitmap);
        // 创建画笔
        Paint paint = new Paint();
        // 画笔的默认颜色
        paint.setColor(Color.BLACK);
        // 第一参数是临摹的图片
        canvas.drawBitmap(bitmapSrc, new Matrix(), paint);
        iv_copyed.setImageBitmap(alertBitmap);
    }

}

 new Matrix默认是1:1缩放比例，上面代码获取的是1:1的图片，效果如下：

 

如果我们想缩小图片大小为原来2倍，就可以直接这样修改代码，如下：

MainActivity.java，如下：

package com.himi.bitmapdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_src;
    private ImageView iv_copyed;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_src = (ImageView) findViewById(R.id.iv_src);
        iv_copyed = (ImageView) findViewById(R.id.iv_copyed);
        // 设置原图
        Bitmap bitmapSrc = BitmapFactory.decodeResource(getResources(),
                R.drawable.img01);
        iv_src.setImageBitmap(bitmapSrc);

        // 对原图进行 缩放，创建一个原图的拷贝(副本)，不能直接对原图变化
        // 获取原图的纸张类型
        Config config = bitmapSrc.getConfig();
        // 创建的副本，里面的内容是空白的，画布
        Bitmap alertBitmap = Bitmap.createBitmap(bitmapSrc.getWidth()*2,
                bitmapSrc.getHeight()*2, config);
        // 以alertBitmap大小为模板创建一个画板
        Canvas canvas = new Canvas(alertBitmap);
        // 创建画笔
        Paint paint = new Paint();
        // 画笔的默认颜色
        paint.setColor(Color.BLACK);
        // 第一参数是临摹的图片
        Matrix matrix = new Matrix();
        matrix.setScale(2.0f, 2.0f);
        canvas.drawBitmap(bitmapSrc, matrix , paint);
        iv_copyed.setImageBitmap(alertBitmap);
    }

}

运行效果如下：

如果我们想缩小图片大小为原来一半，就可以直接这样修改代码，如下：

MainActivity.java，如下：

package com.himi.bitmapdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_src;
    private ImageView iv_copyed;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_src = (ImageView) findViewById(R.id.iv_src);
        iv_copyed = (ImageView) findViewById(R.id.iv_copyed);
        // 设置原图
        Bitmap bitmapSrc = BitmapFactory.decodeResource(getResources(),
                R.drawable.img01);
        iv_src.setImageBitmap(bitmapSrc);

        // 对原图进行 缩放，创建一个原图的拷贝(副本)，不能直接对原图变化
        // 获取原图的纸张类型
        Config config = bitmapSrc.getConfig();
        // 创建的副本，里面的内容是空白的，画布
        Bitmap alertBitmap = Bitmap.createBitmap(bitmapSrc.getWidth()/2,
                bitmapSrc.getHeight()/2, config);
        // 以alertBitmap大小为模板创建一个画板
        Canvas canvas = new Canvas(alertBitmap);
        // 创建画笔
        Paint paint = new Paint();
        // 画笔的默认颜色
        paint.setColor(Color.BLACK);
        // 第一参数是临摹的图片
        Matrix matrix = new Matrix();
        matrix.setScale(0.5f, 0.5f);
        canvas.drawBitmap(bitmapSrc, matrix , paint);
        iv_copyed.setImageBitmap(alertBitmap);
    }

}

运行的效果如下：

 

2. 图形的旋转

承接上面的代码，修改MainActivity.java，如下：

package com.himi.bitmapdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_src;
    private ImageView iv_copyed;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_src = (ImageView) findViewById(R.id.iv_src);
        iv_copyed = (ImageView) findViewById(R.id.iv_copyed);
        // 设置原图
        Bitmap bitmapSrc = BitmapFactory.decodeResource(getResources(),
                R.drawable.img01);
        iv_src.setImageBitmap(bitmapSrc);

        // 对原图进行 缩放，创建一个原图的拷贝(副本)，不能直接对原图变化
        // 获取原图的纸张类型
        Config config = bitmapSrc.getConfig();
        // 创建的副本，里面的内容是空白的，画布
        Bitmap alertBitmap = Bitmap.createBitmap(bitmapSrc.getWidth(),
                bitmapSrc.getHeight(), config);
        // 以alertBitmap大小为模板创建一个画板
        Canvas canvas = new Canvas(alertBitmap);
        // 创建画笔
        Paint paint = new Paint();
        // 画笔的默认颜色
        paint.setColor(Color.BLACK);
        // 第一参数是临摹的图片
        Matrix matrix = new Matrix();
        //默认以画布左上角为旋转原点,旋转30°
        //matrix.setRotate(30);
        //以画布中心点为旋转原点,旋转30°
        matrix.setRotate(30, bitmapSrc.getWidth()/2, bitmapSrc.getHeight()/2);
        canvas.drawBitmap(bitmapSrc, matrix , paint);
        iv_copyed.setImageBitmap(alertBitmap);
    }

}

效果如下：

3. 图形的平移

MainActivity代码如下：

package com.himi.bitmapdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_src;
    private ImageView iv_copyed;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_src = (ImageView) findViewById(R.id.iv_src);
        iv_copyed = (ImageView) findViewById(R.id.iv_copyed);
        // 设置原图
        Bitmap bitmapSrc = BitmapFactory.decodeResource(getResources(),
                R.drawable.img01);
        iv_src.setImageBitmap(bitmapSrc);

        // 对原图进行 缩放，创建一个原图的拷贝(副本)，不能直接对原图变化
        // 获取原图的纸张类型
        Config config = bitmapSrc.getConfig();
        // 创建的副本，里面的内容是空白的，画布
        Bitmap alertBitmap = Bitmap.createBitmap(bitmapSrc.getWidth(),
                bitmapSrc.getHeight(), config);
        // 以alertBitmap大小为模板创建一个画板
        Canvas canvas = new Canvas(alertBitmap);
        // 创建画笔
        Paint paint = new Paint();
        // 画笔的默认颜色
        paint.setColor(Color.BLACK);
        // 第一参数是临摹的图片
        Matrix matrix = new Matrix();
        matrix.setTranslate(0, 50);
        canvas.drawBitmap(bitmapSrc, matrix , paint);
        iv_copyed.setImageBitmap(alertBitmap);
    }

}

运行效果如下：图形竖直方向向下平移了50像素点（手机坐标系是水平向右为正，竖直向下为正）

4. 图形的倒影效果：

分析：在画布上，先把图片的向下翻转，但是这样会跳出画布（不能显示），在让图形整体向上移动，移动距离为图形的高度。

MainActivity.java，如下：

package com.himi.bitmapdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_src;
    private ImageView iv_copyed;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_src = (ImageView) findViewById(R.id.iv_src);
        iv_copyed = (ImageView) findViewById(R.id.iv_copyed);
        // 设置原图
        Bitmap bitmapSrc = BitmapFactory.decodeResource(getResources(),
                R.drawable.img01);
        iv_src.setImageBitmap(bitmapSrc);

        // 对原图进行 缩放，创建一个原图的拷贝(副本)，不能直接对原图变化
        // 获取原图的纸张类型
        Config config = bitmapSrc.getConfig();
        // 创建的副本，里面的内容是空白的，画布
        Bitmap alertBitmap = Bitmap.createBitmap(bitmapSrc.getWidth(),
                bitmapSrc.getHeight(), config);
        // 以alertBitmap大小为模板创建一个画板
        Canvas canvas = new Canvas(alertBitmap);
        // 创建画笔
        Paint paint = new Paint();
        // 画笔的默认颜色
        paint.setColor(Color.BLACK);
        // 第一参数是临摹的图片
        Matrix matrix = new Matrix();
        matrix.setScale(1,-1); //图形向下翻转
        //post是在上一次变化的基础上进行新的变化，set设置一个新的变化，会把原来的设置给覆盖
        matrix.postTranslate(0, bitmapSrc.getHeight());//图形整体向上移动
        canvas.drawBitmap(bitmapSrc, matrix , paint);
        iv_copyed.setImageBitmap(alertBitmap);
    }

}

运行效果如下：

5. 图形镜面效果：

分析：在画布上，先把图片的向左翻转，但是这样会跳出画布（不能显示），在让图形整体向右移动，移动距离为图形的宽度。

MainActivity.java，如下：

package com.himi.bitmapdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_src;
    private ImageView iv_copyed;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_src = (ImageView) findViewById(R.id.iv_src);
        iv_copyed = (ImageView) findViewById(R.id.iv_copyed);
        // 设置原图
        Bitmap bitmapSrc = BitmapFactory.decodeResource(getResources(),
                R.drawable.img01);
        iv_src.setImageBitmap(bitmapSrc);

        // 对原图进行 缩放，创建一个原图的拷贝(副本)，不能直接对原图变化
        // 获取原图的纸张类型
        Config config = bitmapSrc.getConfig();
        // 创建的副本，里面的内容是空白的，画布
        Bitmap alertBitmap = Bitmap.createBitmap(bitmapSrc.getWidth(),
                bitmapSrc.getHeight(), config);
        // 以alertBitmap大小为模板创建一个画板
        Canvas canvas = new Canvas(alertBitmap);
        // 创建画笔
        Paint paint = new Paint();
        // 画笔的默认颜色
        paint.setColor(Color.BLACK);
        // 第一参数是临摹的图片
        Matrix matrix = new Matrix();
        matrix.setScale(-1,1);
        //post是在上一次变化的基础上进行新的变化，set设置一个新的变化，会把原来的设置给覆盖
        matrix.postTranslate(bitmapSrc.getWidth(), 0);
        canvas.drawBitmap(bitmapSrc, matrix , paint);
        iv_copyed.setImageBitmap(alertBitmap);
    }

}

运行效果如下：

6. 图形透明度变化效果：

MainActivity.java，如下：

package com.himi.bitmapdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_src;
    private ImageView iv_copyed;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_src = (ImageView) findViewById(R.id.iv_src);
        iv_copyed = (ImageView) findViewById(R.id.iv_copyed);
        // 设置原图
        Bitmap bitmapSrc = BitmapFactory.decodeResource(getResources(),
                R.drawable.img01);
        iv_src.setImageBitmap(bitmapSrc);

        // 对原图进行 缩放，创建一个原图的拷贝(副本)，不能直接对原图变化
        // 获取原图的纸张类型
        Config config = bitmapSrc.getConfig();
        // 创建的副本，里面的内容是空白的，画布
        Bitmap alertBitmap = Bitmap.createBitmap(bitmapSrc.getWidth(),
                bitmapSrc.getHeight(), config);
        // 以alertBitmap大小为模板创建一个画板
        Canvas canvas = new Canvas(alertBitmap);
        // 创建画笔
        Paint paint = new Paint();
        //设置画笔的透明度
        paint.setAlpha(80);
        // 画笔的默认颜色
        //paint.setColor(Color.BLACK); //这里必须注释掉这个设置画布默认颜色
        // 第一参数是临摹的图片
        Matrix matrix = new Matrix();
        
        canvas.drawBitmap(bitmapSrc, matrix , paint);
        iv_copyed.setImageBitmap(alertBitmap);
    }

}

运行效果如下：