Android下的图形处理

•Android系统下的图片都是32位的位图
•Android下加载图片的大小是和图片的分辨率有关系的，因为每个像素点都要被存入到内存，所以，往往我们看图片只有1M多，但是放到手机上就会OOM异常 out of Memery

Android图片操作技巧

1. 如何在Android中加载大图片防止OOM异常呢??

---

具体步骤如下:

1.获取图片的信息类

ExifInterface exif = new ExifInterface("图片地址");

2.获取图片的宽高信息

int width = exif.getAttributeInt(ExifInterface.TAG_IMAGE_WIDTH, 0);
int height = exif.getAttributeInt(ExifInterface.TAG_IMAGE_LENGTH, 0);

3.获取到当前设备屏幕宽高

WindowManager  wm = (WindowManager) getSystemService(WINDOW_SERVICE);
int screenWidth = wm.getDefaultDisplay().getWidth();
int screenHeight = wm.getDefaultDisplay().getHeight();

4.创建一个选项条件

Options opts = new Options();

5.根据图片宽高和屏幕宽高的比例，确定图片缩放的值，这里通常会优先选择值比较大的，也可以选两者之间的中间值，然后设置进去

opts.inSampleSize = ？; //设置采样率

6.把图片创建出来

Bitmap bitmap = BitmapFactory.decodeFile("图片路径", opts);

小结:
只要选择合适的采样率inSampleSize去加载图片就不会发生OOM异常了!

2. Android中图片变换的步骤

将图片加载到Android应用中之后,免不了会对图片进行一系列变换操作,比如:平移,缩放,旋转…

下面推荐一个常规的操作步骤:

1.加载图片到内存中，获取bitmap对象

Bitmap srcBitmap = BitmapFactory.decodeFile("图片路径");

2.创建一个空的bitmap对象，大小和原来bitmap一样

Bitmap copyedBitmap = Bitmap.createBitmap(srcBitmap.getWidth(), srcBitmap.getHeight(), srcBitmap.getConfig());

3.创建画板

Canvas canvas = new Canvas("空白的bitmap");

4.创建画笔

Paint paint = new Paint();

5.创建matrix 矩阵，我们可以利用这个矩阵来做到图片的缩放，平移等操作

Matrix matrix = new Matrix();   
//1. 按比例扩大扩展缩放
matrix.setScale(x轴比例, y轴比例);
//2. 平移
matrix.setTranslate(x轴偏移量, y轴偏移量);
//3. 旋转
matrix.setRotate(旋转角度, 围绕x轴点旋转, 围绕y轴点旋转);
//4. 镜面效果
matrix.setScale(-1, 1);     //左右效果
matrix.postTranslate(srcBitmap.getWidth(), 0);
//如果想添加多个属性，后面的要用post，如果调用set会把前面的覆盖
//5. 倒影效果
matrix.setScale(1, -1);     //上下效果
matrix.postTranslate(0, srcBitmap.getHeight());

6.作画

canvas.drawBitmap(原图, matrix, paint);

步骤小结:
1. 获取图片资源
2. 创建一个空白的原图副本,大小和原图一样
3. 创建画板
4. 创建画笔
5. 创建Matrix矩阵,设置对图片需要做的操作
6. 将步骤5操作后的图片画到画板上

应用:

市面上有一款经典的小游戏,叫做”撕衣服”, 这款游戏的实现原理就是遵循以上步骤实现的!!

核心API是:

bitmap.setPixel(x坐标,y坐标,要设置的颜色);//根据xy轴设置bitmap对应像素点的颜色值为透明

实现原理:

1.利用相对布局放两张图片,上面一张图片正常穿着衣服,下面一张图片不穿衣服.
2.通过以上API对上面一张图片进行操作,接触到的点全部变为透明,最终显示效果你懂得!!

<案例实现:美女撕衣服>

• 首先看看实现的效果(请保持平和的心态):

• 具体代码:

1.layout下的布局文件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"
    tools:context=".MainActivity" >

    
    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
     <ImageView 
        android:id="@+id/iv_after"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/after9"
        />
    <ImageView 
        android:id="@+id/iv_pre"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        />     
    RelativeLayout>

LinearLayout>

2.res/drawable-hdpi目录下放置图片资源和音效文件

3.包com.yashiro.dragclose包里面的MainActivtiy.java文件

package com.yashiro.dragclose;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.media.AudioManager;
import android.media.SoundPool;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv_pre;
    private Bitmap alterBitmap;
    private SoundPool soundPool;
    private int soundId;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_pre=(ImageView) findViewById(R.id.iv_pre);

        //加载音效
        soundPool=new SoundPool(1, AudioManager.STREAM_MUSIC, 0);
        //找到音效文件
        soundId=soundPool.load(this, R.drawable.higirl, 1);

        //获取原图的路径
        Bitmap bitmap=BitmapFactory.decodeResource(getResources(), R.drawable.pre9);
        //创建原图配置的空白副本
        // 修改位图的配置信息(带有透明度alpha,兼容Android2.3低版本)Bitmap.Config.ARGB_8888
        alterBitmap=Bitmap.createBitmap(bitmap.getWidth(),bitmap.getHeight(),bitmap.getConfig().ARGB_8888);
        //创建画板
        final Canvas canvas=new Canvas(alterBitmap);
        //创建画笔
        Paint paint=new Paint();
        //将原图临摹到画板上
        canvas.drawBitmap(bitmap, new Matrix(), paint);
        //将临摹后的图像放到界面上
        iv_pre.setImageBitmap(alterBitmap);

        //设置图片的触摸事件. 触摸之处都是透明的
        iv_pre.setOnTouchListener(new OnTouchListener() {
            //定义触摸到时的坐标
            int x;
            int y;

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {

                case MotionEvent.ACTION_DOWN:

                case MotionEvent.ACTION_MOVE:
                    //播放音效
                    soundPool.play(soundId, 1.0f, 1.0f, 0, 0, 1.1f);
                    x=(int) event.getX();
                    y=(int) event.getY();
                    //触摸到的地方都是透明的. 用半径为10的原点操作
                    dragClose(x,y,10);
                    break;

                case MotionEvent.ACTION_UP:
                    break;
                }
                return true;    //空间自己处理,事件结束就销毁
            }


            /**
             * 撕衣服的方法
             */
            private void dragClose(int x,int y, int radius) {
                for(int i=-radius;i1;i++){
                    for (int j = -radius; j < radius+1; j++) {
                        if (Math.sqrt(i*i+j*j)<=radius) {
                            if ((x+i)0&&(y+j)0) {
                                alterBitmap.setPixel(x+i, y+j, Color.TRANSPARENT);
                            }
                        }
                    }
                }

                iv_pre.setImageBitmap(alterBitmap);
            }
        });
    }

}

案例小结:

1.严格按照Android图片变换的5步获取到图片资源并进行透明处理
2.利用iv_pre.setOnTouchListener(listener), 这个触摸监听事件,实现所触之处皆为透明.
3.最后将上层透明操作之后的图片设置到下层图片之上.
4.利用SoundPool实现触摸图片时发出音效的效果. 感觉很赞呀!!

---

以上,请各位大侠们指点,点拨~~~