Android之UI學習篇：ImageView實現適屏和裁剪圖片的功能

ImageView實現圖片適應屏幕大小顯示，和圖片裁剪的功能.

實現的效果

主界面：

 

適應屏幕：

 

裁剪圖片：

 

顯示裁剪圖片到ImagView:

 

源代碼：

MainActivity.java

[html]  www.aiwalls.com

package com.imageview.activity;  

  

import java.io.FileNotFoundException;  

import android.app.Activity;  

import android.content.Intent;  

import android.graphics.Bitmap;  

import android.graphics.BitmapFactory;  

import android.net.Uri;  

import android.os.Bundle;  

import android.util.Log;  

import android.view.View;  

import android.view.View.OnClickListener;  

import android.widget.Button;  

import android.widget.ImageView;  

import android.widget.Toast;  

  

public class MainActivity extends Activity implements OnClickListener {  

    private Button imageSelectBtn;  

    private Button imageCutBtn;  

    private ImageView imageView;  

    // 聲明兩個靜態整型變量，用於意圖的返回標志  

    private static final int IMAGE_SELECT = 1; // 選擇圖片  

    private static final int IMAGE_CUT = 2; // 裁剪圖片  

  

    @Override  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.main);  

        setupViews();  

    }  

  

    // 我的一貫作風呵呵  

    public void setupViews() {  

        imageSelectBtn = (Button) findViewById(R.id.imageSelectButton);  

        imageSelectBtn.setOnClickListener(this);  

        imageCutBtn = (Button) findViewById(R.id.imageCutButton);  

        imageCutBtn.setOnClickListener(this);  

        imageView = (ImageView) findViewById(R.id.imageView);  

    }  

  

    @Override  

    protected void onActivityResult(int requestCode, int resultCode, Intent data) {  

        super.onActivityResult(requestCode, resultCode, data);  

        if (resultCode == RESULT_OK) {  

            // 處理圖片按照手機屏幕大小顯示  

            if (requestCode == IMAGE_SELECT) {  

                // 獲得圖片的路徑  

                Uri uri = data.getData();   

                // 獲得屏幕寬度  

                int dw = getWindowManager().getDefaultDisplay().getWidth();   

                // 獲得屏幕寬度  

                int dh = getWindowManager().getDefaultDisplay().getHeight() / 2;   

                try {  

                    // 實現對圖片裁剪的類，是一個匿名內部類  

                    BitmapFactory.Options factory = new BitmapFactory.Options();  

                    // 如果設置為true,允許查詢圖片不是按照像素分配內存  

                    factory.inJustDecodeBounds = true;  

                    Bitmap bmp = BitmapFactory.decodeStream(  

                            getContentResolver().openInputStream(uri), null,  

                            factory);  

                    // 對圖片的高度和寬度對應手機屏幕進行匹配  

                    // 寬度之比  

                    int wRatio = (int) Math.ceil(factory.outWidth / (float) dw);   

                    // 高度之比  

                    int hRatio = (int) Math.ceil(factory.outHeight / (float) dh);   

                    // 如果wRatio大於1，表示圖片的寬度大於屏幕寬度,類似hRatio  

                    if (wRatio > 1 || hRatio > 1) {  

                        // inSampleSize>1則返回比原圖更小的圖片  

                        if (hRatio > wRatio) {  

                            factory.inSampleSize = hRatio;  

                        } else {  

                            factory.inSampleSize = wRatio;  

                        }  

                    }  

                    // 該屬性為false則允許調用者查詢圖片無需為像素分配內存  

                    factory.inJustDecodeBounds = false;  

                    // 再次使用BitmapFactory對象圖像進行適屏操作  

                    bmp = BitmapFactory.decodeStream(getContentResolver()  

                            .openInputStream(uri), null, factory);  

                    imageView.setImageBitmap(bmp);  

                } catch (FileNotFoundException e) {  

                    e.printStackTrace();  

                }  

            } else if (requestCode == IMAGE_CUT) { // 裁剪圖片  

                // 一定要和"return-data"返回的標簽"data"一致  

                Bitmap bmp = data.getParcelableExtra("data");   

                imageView.setImageBitmap(bmp);  

            }  

        }  

    }  

  

    @Override  

    public void onClick(View v) {  

        switch (v.getId()) {  

        case R.id.imageSelectButton:  

            // 如何提取手機的圖片，並且進行圖片的選擇  

            Intent intent = new Intent(  

                    Intent.ACTION_PICK,  

                    android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);  

            startActivityForResult(intent, IMAGE_SELECT);  

            break;  

        case R.id.imageCutButton:  

            Intent intent2 = getImageClipIntent();  

            startActivityForResult(intent2, IMAGE_CUT);  

            break;  

        default:  

            break;  

        }  

    }  

  

    // 獲取裁剪圖片意圖的方法  

    private Intent getImageClipIntent() {  

        Intent intent = new Intent(Intent.ACTION_GET_CONTENT, null);  

        // 實現對圖片的裁剪,必須要設置圖片的屬性和大小  

        intent.setType("image/*"); // 設置屬性，表示獲取任意類型的圖片  

        intent.putExtra("crop", "true");// 設置可以滑動選選擇區域的屬性,註意這裡是字符串"true"  

        intent.putExtra("aspectX", 1);// 設置剪切框1:1比例的效果  

        intent.putExtra("aspectY", 1);  

        intent.putExtra("outputX", 80);  

        intent.putExtra("outputY", 80);  

        intent.putExtra("return-data", true);  

        return intent;  

    }  

}  

 

 

佈局文件main.xml

[html]  

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

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

    android:layout_width="fill_parent"  

    android:layout_height="fill_parent"  

    android:orientation="vertical" >  

  

    <Button   

        android:layout_width="fill_parent"  

        android:layout_height="wrap_content"  

        android:text="選擇圖片"  

        android:id="@+id/imageSelectButton"/>  

    <Button   

        android:layout_width="fill_parent"  

        android:layout_height="wrap_content"  

        android:text="選擇圖片進行裁剪"  

        android:id="@+id/imageCutButton"/>  

    <!– 用於顯示裁剪後的圖片 –>  

    <ImageView   

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:id="@+id/imageView"/>  

  

</LinearLayout>