4.2.2 在现有图像上绘制

    由于是在Canvas对象上绘制，因此可以使用第三章中描述的技术，在Canvas对象上绘制 一幅图像，然后在该图像上进行绘制。

    下列介绍一个完整的示例。

package com.nthm.androidtest;

import android.app.Activity;
import android.content.Intent;
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.net.Uri;
import android.os.Bundle;
import android.view.Display;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.ImageView;

    活动将实现OnClickListener和OnTouchListener。OnClickListener使得活动可以响应按钮的单击事件；而OnTouchListener使得我们可以使用触摸屏在ImageView上绘制。

public class ChoosePictureDraw extends Activity implements OnTouchListener,
        OnClickListener {

    有两个主要的UI元素。第一个是ImageView，他会显示将要在其上进行绘制的位图对象。第二个是一个按钮，用户可以按下它以从Gallery应用程序中选择图像。

     private ImageView chooseImageView;
     private Button choosePicture;

    需要有两个位图对象。第一个包含了选定图像的缩放版本，第二个是可变的版本。首先将第一个位图对象绘制到第二个位图对象中，然后在其上方绘制。

     private Bitmap bmp;
     private Bitmap alteredBitmap;
     private Canvas canvas;
     private Paint paint;
     private Matrix matrix;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.choosepicturedraw);
        chooseImageView=(ImageView) findViewById(R.id.ChooseImageView);
        choosePicture=(Button) findViewById(R.id.ChoosePictureButton);

     在获得ImageView和按钮的引用之后，将每个事件(OnClick和OnTouch)的监听器设置为活动。

        choosePicture.setOnClickListener(this);
        chooseImageView.setOnTouchListener(this);
    }

    onClick方法如下所示。它使用标准的意图，允许用户从Gallery应用程序中选择一幅图像。

    @Override
    public void onClick(View v) {
          Intent choosePictureIntent=new Intent(Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
          startActivityForResult(choosePictureIntent, 0);
    }

   在用户选择图像之后调用onActivityResult方法。它将选择的图像加载到一个位图对象中，并将其缩放至屏幕大小。

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(resultCode==RESULT_OK){
            Uri imageFileUri=data.getData();
            Display currentDisplay=getWindowManager().getDefaultDisplay();
            int dw=currentDisplay.getWidth();
            int dh=currentDisplay.getHeight();
            try{
                BitmapFactory.Options bmpBitmapFactoryOptions=new BitmapFactory.Options();
                bmpBitmapFactoryOptions.inJustDecodeBounds=true;
                bmp=BitmapFactory.decodeStream(getContentResolver().openInputStream(imageFileUri), null, bmpBitmapFactoryOptions);
                int heightRatio=bmpBitmapFactoryOptions.outHeight;
                int widthRatio=bmpBitmapFactoryOptions.outWidth;
                if(heightRatio>1&&widthRatio>1){
                    if(heightRatio>widthRatio){
                        bmpBitmapFactoryOptions.inSampleSize=heightRatio;
                    }else{
                        bmpBitmapFactoryOptions.inSampleSize=widthRatio;
                    }
                }
                bmpBitmapFactoryOptions.inJustDecodeBounds=false;
                bmp=BitmapFactory.decodeStream(getContentResolver().openInputStream(imageFileUri), null, bmpBitmapFactoryOptions);

    在加载位图对象之后，创建一个可变的位图对象alteredBitmap，并在其中绘制第一个位图对象。

                alteredBitmap=Bitmap.createBitmap(bmp.getWidth(), bmp.getHeight(), bmp.getConfig());
                canvas=new Canvas(alteredBitmap);
                paint=new Paint();
                paint.setColor(Color.GREEN);
                paint.setStrokeWidth(5);
                matrix=new Matrix();
                canvas.drawBitmap(bmp, matrix, paint);
                chooseImageView.setImageBitmap(alteredBitmap);
                chooseImageView.setOnTouchListener(this);
            }catch(Exception e){
                
            }
        }
    }

    现在只是采用之前的相同方式实现onTouch方法。不同于在空白的位图Canvas对象上绘制，现在是在一幅现有的图像上面进行绘制。

    private float downx=0;
    private float downy=0;
    private float upx=0;
    private float upy=0;
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            downx=event.getX();
            downy=event.getY();
            break;
        case MotionEvent.ACTION_MOVE:
            upx=event.getX();
            upy=event.getY();
            canvas.drawLine(downx, downy, upx, upy, paint);
            chooseImageView.invalidate();
            downx=upx;
            downy=upy;
            break;
        case MotionEvent.ACTION_UP:
            upx=event.getX();
            upy=event.getY();
            canvas.drawLine(downx, downy, upx, upy, paint);
            chooseImageView.invalidate();
            break;
        case MotionEvent.ACTION_CANCEL:
            
            break;
        default:
            break;
        }
        return true;
    }

}

    下面是用于上述活动的布局XML文件。它在一个标准的LinearLayout中指定这个ImageView和按钮。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
    <Button 
        android:id="@+id/ChoosePictureButton"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Choose Picture"/>
    <ImageView  
        android:id="@+id/ChooseImageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/app_name"/>
</LinearLayout>