imageView图片放大缩小及旋转

imageView图片放大缩小及旋转

一、简介

二、方法

1）设置图片放大缩小效果

第一步：将<ImageView>标签中的android:scaleType设置为"fitCenter"

android:scaleType="fitCenter"

第二步：获取屏幕的宽度

DisplayMetrics dm=new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);

dm.widthPixels

第三步：设置seekBar的最大progree值为屏幕宽度

sb_one.setMax(dm.widthPixels);

第四步：设置imageview的布局参数，也就是宽和高，也就是画布的宽高

int width=progress;
int height=progress*3/4;

iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));

2）设置图片旋转方法

第一步：给matrix设置角度，用于新的bitmap

private Matrix matrix;

matrix=new Matrix();

matrix.setRotate((int)(progress*3.60));

第二步：获取bitmap资源

BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));
Bitmap bitmap=bitmapDrawable.getBitmap();

第三步：重建bitmap用于显示

Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);

第四步：给imageview设置新的bitmap

iv_pic.setImageBitmap(newBitmap);

三、代码实例

效果图：

设置大小和设置旋转的效果图

代码：

fry.Activity02

package fry;

import com.example.iamgeViewDemo1.R;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Matrix;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.ViewGroup.LayoutParams;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;

public class Activity02 extends Activity implements OnSeekBarChangeListener{
    private ImageView iv_pic;
    private SeekBar sb_one;
    private SeekBar sb_two;
    private Matrix matrix;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        setTitle("imageView实现图片缩放和旋转");
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity02);
        
        iv_pic=(ImageView) findViewById(R.id.iv_pic);
        sb_one=(SeekBar) findViewById(R.id.sb_one);
        sb_two=(SeekBar) findViewById(R.id.sb_two);
        //设置SeekBar的progress值改变监听事件
        sb_one.setOnSeekBarChangeListener(this);
        sb_two.setOnSeekBarChangeListener(this);
        
        matrix=new Matrix();
        
//        1）设置图片放大缩小效果
//
//        第一步：将<ImageView>标签中的android:scaleType设置为"fitCenter"
//
//        第二步：获取屏幕的宽度
//
//        第三步：设置seekBar的最大progree值为屏幕宽度
//
//        第四步：设置imageview的布局参数，也就是宽和高，也就是画布的宽高


        
        //设置图片放大缩小效果
        //第一步：获取屏幕的宽度
        DisplayMetrics dm=new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        //第二步：设置seekBar的最大progree值为屏幕宽度
        sb_one.setMax(dm.widthPixels);
    }
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress,
            boolean fromUser) {
        // TODO Auto-generated method stub
        switch (seekBar.getId()) {
        case R.id.sb_one://放大或缩小
            int width=progress;
            int height=progress*3/4;
            //第三步：设置imageview的布局参数，也就是宽和高，也就是画布的宽高
            iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));
            break;
        case R.id.sb_two://旋转
            //设置旋转度数
            //设置图片旋转方法
            //第一步：给matrix设置角度，用于新的bitmap
            matrix.setRotate((int)(progress*3.60));
            //第二步：获取bitmap资源
            BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));
            Bitmap bitmap=bitmapDrawable.getBitmap();
            //第三步：重建bitmap用于显示
            Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);
            //第四步：给imageview设置新的bitmap
            iv_pic.setImageBitmap(newBitmap);
            break;
        default:
            break;
        }
        
        
        
    }
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {
        // TODO Auto-generated method stub
        
    }
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        // TODO Auto-generated method stub
        
    }
}

activity02.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView 
        android:id="@+id/iv_pic"
        android:layout_width="match_parent"
        android:layout_height="300dip"
        android:background="@android:color/black"
        android:scaleType="fitCenter"
        android:src="@drawable/image1"
        />
    <!-- 设置图片的显示方式：把图片按比例扩大/缩小到view的宽度，居中显示 -->
    <SeekBar
        android:id="@+id/sb_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:progress="100"
        />

    <TextView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="拖动来缩放图片"
        />
    <SeekBar 
        android:id="@+id/sb_two"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
    <TextView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="拖动来旋转图片"
        />

</LinearLayout>

四、收获

 1、设置图像居中显示

android:scaleType="fitCenter"

2、矩阵对象

private Matrix matrix;

在Android中，如果你用Matrix进行过图像处理，那么一定知道Matrix这个类。android中的Matrix是一个3 x 3的矩阵。

在 Android 开发中，矩阵是一个功能强大并且应用广泛的神器，例如：用它来制作动画效果、改变图片大小、给图片加各类滤镜等。

3、DisplayMetrics对象，用于屏幕大小等的显示

DisplayMetrics dm=new DisplayMetrics();

 4、获取手机屏幕宽度

DisplayMetrics dm=new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);

sb_one.setMax(dm.widthPixels);

5、用LinearLayout设置imageView画布参数

iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));

6、matrix设置旋转

matrix.setRotate((int)(progress*3.60));

7、BitmapDrawable类，其实也是获取图片资源

BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));

8、bitmapDrawable到bitmap

Bitmap bitmap=bitmapDrawable.getBitmap();

9、新建bitmap

Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);

10、给imageView设置bitmap

iv_pic.setImageBitmap(newBitmap);