Android ImageView 的scaleType属性详解（一）

首先扯点别的：

昨天晚上怕97拳皇交流群里喊我打拳皇，都没敢上QQ，怕被虐，也是艰难啊。行，今天少扯点，直接进入正题：Android ImageView 的scaleType属性详解

• 1 首先看看Android中的ImageView在xml文件中的用法

 <!--今天讨论的就是android:scaleType="fitCenter"-->
 <ImageView
        android:id="@+id/imageView"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_marginTop="30dp"
        android:scaleType="fitCenter"
        android:background="#ff3344"/>

• 2 scaleTyple 的取值有8种：看看Api
  
  本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦：

• 3 那就从头往下捋一捋（这篇文章先捋前四个，后四个在下一篇文章中再讨论）

3.1 第一个取值是CENTER(中间的意思)意思是把图片放在ImageView 的中间，不进行缩放。如果图片的宽高都小于ImageView的宽高，就直接把图片放入ImageView的中间，如果图片的宽高大于ImageView的宽高则截取图片的中间部分放进ImageView中，光说没意思看效果：

小图片效果

大图片效果，先看看原图娱乐一下

然后把她放进ImageView,效果如下

3.2 第二个取值是CENTER_CROP（中间剪裁）意思是：保持纵横比对图片进行缩放，因此图片会和ImageView同等大小，或者大于ImageView的尺寸。
因为缩放是根据图片的短边与ImageView对应的边长度保持一致（可能是放大或缩小，会导致图片的长等于或者大于ImageView的长边导致整个图片显示不下）。最终结果是完全填充满ImageView.还是看效果
小图片的效果

大图片的效果

3.3第三个取值是CENTER_INSIDE （中间 里面，（废话，会英语的谁不认识这两个单词））解释是：保持纵横比对图片进行缩放，因此图片会和ImageView同等大小，或者**小于**ImageView的尺寸。直到整幅图能够居中显示在ImageView中；小于ImageView的图片不变，直接居中显示，不放大。看效果图
小图片不放大

大图片

3.4第四个取值是FIT_CENTER （适合，中间，是ImageView的默认的缩放模式）解释是：计算一个能保持图片原来面貌的的缩放比例，同时确保图片完全充满整个ImageView,如果不能保证图片整个充满ImageView的话，至少保证图片的一条边完全充满ImageView的对应的边。图片位于ImageView的中间。还是看效果，说不明白，我都蒙圈了。

小图怡情

大图就不咋的了


- 这就是前四种效果了，接下来贴一下代码吧。注意加载图片的时候不要出OOM问题

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:gravity="center_horizontal"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_marginTop="30dp"
        android:scaleType="fitCenter"
        android:src="@mipmap/ic_launcher"
        android:background="#ff3344"/>
    <Button
        android:id="@+id/btnPickImg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        android:text="从相册选择图片" />
</LinearLayout>

java 代码

package com.imageviewdemo;

import android.content.Intent;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.provider.MediaStore;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button btnPickImg;

    private ImageView imageView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btnPickImg= (Button) findViewById(R.id.btnPickImg);
        btnPickImg.setOnClickListener(this);
        imageView= (ImageView) findViewById(R.id.imageView);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btnPickImg:
                //打开手机图库选择一张照片
                Intent intent = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
                startActivityForResult(intent, 7);
                break;
            default:
                break;
        }
    }

    /**
     * 选择照片后返回，将图片加载到imageView中
     * @param requestCode
     * @param resultCode
     * @param data
     */
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {

        if(requestCode==7&&resultCode==RESULT_OK) {

            Uri uri = data.getData();
            String[] filePathColumn = {MediaStore.Images.Media.DATA};
            Cursor cursor = getContentResolver().query(uri, filePathColumn, null, null, null);
            cursor.moveToFirst();
            int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
            String picturePath = cursor.getString(columnIndex);
            Log.e("TAG", "picturePath:" + picturePath);
            cursor.close();
            imageView.setImageBitmap(decodeSampledBitmapFromFile(picturePath, imageView.getWidth(), imageView.getHeight()));

            //imageView.setImageBitmap(decodeSampledBitmapFromFile(picturePath, 400, 400));
        }
    }



    /**使用这个方法，首先你要将BitmapFactory.Options的inJustDecodeBounds属性设置为true，解析一次图片。
     * 然后将BitmapFactory.Options连同期望的宽度和高度一起传递到到calculateInSampleSize方法中，
     * 就可以得到合适的inSampleSize值了。之后再解析一次图片，使用新获取到的inSampleSize值，
     * 并把inJustDecodeBounds设置为false，就可以得到压缩后的图片了。
     * @param path
     * @param reqWidth
     * @param reqHeight
     * @return
     */
    public Bitmap decodeSampledBitmapFromFile(String path, int reqWidth, int reqHeight) {
        // 第一次解析将inJustDecodeBounds设置为true，来获取图片大小
        final BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeFile(path, options);
        // 调用上面定义的方法计算inSampleSize值
        options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
        // 使用获取到的inSampleSize值再次解析图片
        options.inJustDecodeBounds = false;
        return BitmapFactory.decodeFile(path, options);
    }
    /**计算压缩比
     * @param options
     * @param reqWidth
     * @param reqHeight
     * @return
     */
    public  int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {
        // 源图片的高度和宽度
        final int height = options.outHeight;
        final int width = options.outWidth;
        int inSampleSize = 1;
        if (height > reqHeight || width > reqWidth) {
            // 计算出实际宽高和目标宽高的比率
            final int heightRatio = Math.round((float) height / (float) reqHeight);
            final int widthRatio = Math.round((float) width / (float) reqWidth);
            // 选择宽和高中最小的比率作为inSampleSize的值，这样可以保证最终图片的宽和高
            // 一定都会大于等于目标的宽和高。
            inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;
        }
        return inSampleSize;
    }
}

基本就是这样了，另外4中缩放类型和效果图下篇再说。