界面首先由一个choosePicture的按钮，用来从MediaStore取得图片，取得之后，可以在图片上进行绘画，再点击savebutton就可以保存图片到MediaStore。

界面xml文件：

android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
android:id="@+id/chooseButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:text="@string/choose" />
android:id="@+id/p_w_picpathView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical|center"
android:contentDescription="@string/contentDes" />
android:id="@+id/saveButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:layout_gravity="right|bottom"
android:text="@string/save" />
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
android:id="@+id/chooseButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:text="@string/choose" />
android:id="@+id/p_w_picpathView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical|center"
android:contentDescription="@string/contentDes" />
android:id="@+id/saveButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:layout_gravity="right|bottom"
android:text="@string/save" />

string.xml文件定义使用的一些字符串：

<?xml version="1.0" encoding="utf-8"?>
Scrawl
Settings
Hello world!

选择图片

图片描述

保存图片

请选择图片

保存图片成功

Scrawl
Settings
Hello world!

选择图片

图片描述

保存图片

请选择图片

保存图片成功

在dimens.xml中定义了margin的top和bottom值为16dp:

16dp
16dp
16dp
16dp

主程序：

package cn.yh.scrawl;
import java.io.FileNotFoundException;
import java.io.OutputStream;
import android.app.Activity;
import android.content.ContentValues;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.Bitmap.CompressFormat;
import android.graphics.BitmapFactory;
import android.graphics.BitmapFactory.Options;
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.provider.MediaStore.Images.Media;
import android.util.Log;
import android.view.Display;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.Window;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;
public class MainActivity extends Activity implements OnClickListener,
OnTouchListener {
private static final int CHOOSEPICTURE_REQUESTCODE = 0;
private static final String TAG = "Scrawl";
// 顯示圖片的組件。
private ImageView p_w_picpathView;
// 選擇圖片的按鈕，和保存圖片的按鈕。
private Button chooseButton, saveButton;
// 定義兩個位圖對象，第一個包含了選擇定圖片的縮放版本，第二個是可變的版本，
// 將第一個位圖對象繪製到第二個位圖對象中，再在其上方繪製(塗鴉)
private Bitmap bitmap, alteredBitmap;
// 定義畫布
private Canvas canvas;
// 定義畫筆
private Paint paint;
// 定義輸入矩陣，該類使之在一幅圖像上應用空間轉換(比如旋轉，評議，縮放，裁剪等)
private Matrix matrix;
// 定義按下和停止的位置(x,y)座標
private float downX = 0, downY = 0, upX = 0, upY = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 設置主潔面
setContentView(R.layout.activity_main);
// 獲取潔面xml文件相關的View對象
p_w_picpathView = (ImageView) findViewById(R.id.p_w_picpathView);
chooseButton = (Button) findViewById(R.id.chooseButton);
saveButton = (Button) findViewById(R.id.saveButton);
// 給兩個Button設置onClick監聽事件，該類實現了android.view.View.OnClickListener接口
chooseButton.setOnClickListener(this);
saveButton.setOnClickListener(this);
// 給ImageView對象設置onTouch監聽,該類實現了android.view.View.OnTouchListener接口
p_w_picpathView.setOnTouchListener(this);
// 該開始，設置saveButton為不可用狀態
saveButton.setEnabled(false);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
// 因為給不同的Button對象都設置了onClick監聽，所以需要判斷觸發的是哪個Button的監聽事件
switch (v.getId()) {
case R.id.chooseButton:
// 再一次选择图片，設置saveButton為不可用狀態
if (saveButton.isEnabled())
saveButton.setEnabled(false);
// 使用Intent打開Gallery選擇圖片
Intent choosePictureIntent = new Intent(
Intent.ACTION_PICK,
android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
// 啟動該activity，并在該activity結束返回數據,所以調用startActivityForResult()方法
startActivityForResult(choosePictureIntent,
CHOOSEPICTURE_REQUESTCODE);
break;
case R.id.saveButton:
if (alteredBitmap != null) {
Uri p_w_picpathFileUri = getContentResolver().insert(
Media.EXTERNAL_CONTENT_URI, new ContentValues());
try {
OutputStream p_w_picpathFileOS = getContentResolver()
.openOutputStream(p_w_picpathFileUri);
//compress方法，压缩成jpg格式，0-100代表了压缩质量 100质量最好 第三个参数把压缩图片写到输出流
alteredBitmap
.compress(CompressFormat.JPEG, 90, p_w_picpathFileOS);
//保存成功，进行提示
Toast.makeText(this, R.string.saveSuccess,
Toast.LENGTH_LONG).show();
} catch (FileNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
} else {
Toast.makeText(this, R.string.pleaseChooseImage,
Toast.LENGTH_LONG).show();
}
break;
}
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
// TODO Auto-generated method stub
super.onActivityResult(requestCode, resultCode, data);
// 判斷返回是否OK
if (resultCode == RESULT_OK) {
// 獲取返回的Uri
Uri p_w_picpathFileUri = data.getData();
// 獲取默認Display，用以得到當前的寬和高
Display currentDisplay = getWindowManager().getDefaultDisplay();
int dw = currentDisplay.getWidth();
Log.i(TAG, currentDisplay.getHeight()+"");
Log.i(TAG, chooseButton.getHeight()+"chooseButton");
Log.i(TAG, saveButton.getHeight()+"saveButton");
Log.i(TAG, p_w_picpathView.getHeight()+"p_w_picpathView");
Log.i(TAG, getWindow().findViewById(Window.ID_ANDROID_CONTENT).getTop()+"ID_ANDROID_CONTENT");
//432 = 48+48+40+16*2+264 默认界面的margin top bottom有16dp title和状态栏40dp 48+48 两个button高度
int dh = currentDisplay.getHeight() - (48+48+40+16*2);
// chooseButton.getHeight()
// - saveButton.getHeight();
// 使用BitmapFactory創建位圖Options
BitmapFactory.Options bmFactoryOptions = new Options();
// 設置只是獲取圖片的尺寸，並不是真正的解碼圖片
bmFactoryOptions.inJustDecodeBounds = true;
// 使用decode*方法創建位圖，getContentResolver()獲取內容提供器
try {
bitmap = BitmapFactory.decodeStream(getContentResolver()
.openInputStream(p_w_picpathFileUri), null, bmFactoryOptions);
} catch (FileNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
// 計算圖像寬高與當前寬高的比率
int hRatio = (int) Math.ceil(bmFactoryOptions.outHeight
/ (float) dh);
int wRatio = (int) Math
.ceil(bmFactoryOptions.outWidth / (float) dw);
// 判断是按高比率缩放还是宽比例缩放
if (hRatio > 1 || wRatio > 1) {
if (hRatio > wRatio) {
bmFactoryOptions.inSampleSize = hRatio;
} else {
bmFactoryOptions.inSampleSize = wRatio;
}
}
Log.i(TAG, bmFactoryOptions.outHeight/hRatio+"p_w_picpathView");
// 对图像进行真正的解码
bmFactoryOptions.inJustDecodeBounds = false;
try {
bitmap = BitmapFactory.decodeStream(getContentResolver()
.openInputStream(p_w_picpathFileUri), null, bmFactoryOptions);
} catch (FileNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
// 在加載位圖之後，創建一個可變的位圖對象alteredBitmap，並在其中繪製bitmap對象
alteredBitmap = Bitmap.createBitmap(bitmap.getWidth(),
bitmap.getHeight(), bitmap.getConfig());
// 使用alteredBitmap作為構造參數，創建canvas
canvas = new Canvas(alteredBitmap);
// 創建畫筆
paint = new Paint();
// 設置畫筆顏色為Color.WHITE
paint.setColor(Color.WHITE);
// 設置畫筆大小
paint.setStrokeWidth(5);
// 創建matrix,此處對圖像不進行任何的縮放，旋轉等操作
matrix = new Matrix();
// 繪製bitmap
canvas.drawBitmap(bitmap, matrix, paint);
// 把alteredBitmap設置到p_w_picpathview上面
p_w_picpathView.setImageBitmap(alteredBitmap);
// 此時設置saveButton為可用狀態
saveButton.setEnabled(true);
p_w_picpathView.setOnClickListener(this);
}
}
@Override
public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub
int action = event.getAction();
// 判斷不同狀態
switch (action) {
case MotionEvent.ACTION_DOWN:
// 按下時記錄座標
downX = event.getX();
downY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
// 移動過程中，不斷繪製Line
upX = event.getX();
upY = event.getY();
canvas.drawLine(downX, downY, upX, upY, paint);
p_w_picpathView.invalidate();
downX = upX;
downY = upY;
break;
case MotionEvent.ACTION_UP:
// 停止時，記錄座標
upX = event.getX();
upY = event.getY();
canvas.drawLine(downX, downY, upX, upY, paint);
p_w_picpathView.invalidate();
break;
case MotionEvent.ACTION_CANCEL:
break;
default:
break;
}
//返回true表示，一旦事件开始就要继续接受触摸事件
return true;
}
}