Android 图像视图ImageView-蒲公英云

ImageView是用来显示图像的控件，它和图形显示有关的属性主要有下面两个：

1.scaleType ：图形的拉伸类型，默认是fitCenter。

2.色彩：图形来源，src图形按照scaleType拉伸，注意背景图不安scaleType指定的方式进行拉伸，而且背景默认的是fitXY的方式进行拉伸显示。

至于拉伸的类型和效果，我们直接通过示例来看，这比我在这里列出来要直观的多。

首先，我们看先布局页面，很简单，一个ImageView，其余是7个Button，分别对应不同的拉伸效果，点击后显示不同的效果。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
        <ImageView
            android:id="@+id/iv_img"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/search"
            android:scaleType="center"
            android:layout_weight="1"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <Button
                android:id="@+id/fitXY"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="我是 fitXY，拉伸图片刚好填满视图效果"/>
            <Button
                android:id="@+id/fitStart"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="我是 fitStart，拉伸图片位于视图上部"/>
            <Button
                android:id="@+id/fitCenter"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="我是 fitCenter，拉伸图片位于视图中间"/>
            <Button
                android:id="@+id/fitEnd"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="我是 fitEnd，拉伸图片位于视图下部"/>
            <Button
                android:id="@+id/center"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="我是 center，保持图片位于视图中间"/>
            <Button
                android:id="@+id/centerCrop"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="我是 centerCrop，拉伸图片充满视图并且在中间" />
            <Button
                android:id="@+id/centerInside"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="我是 centerInside，只压缩不拉伸，当图片大于视图，等同于fitCenter，小于的时候等同于center"/>
        </LinearLayout>
</LinearLayout>

然后我们为每个按钮添加点击事件的监听，代码如下：

package com.easygoing.androidtextview;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;
public class MainActivity extends Activity implements View.OnClickListener {
    private ImageView iv_img;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_imagw_view);
       iv_img = findViewById(R.id.iv_img);
       findViewById(R.id.fitCenter).setOnClickListener(this);
        findViewById(R.id.fitEnd).setOnClickListener(this);
        findViewById(R.id.fitStart).setOnClickListener(this);
        findViewById(R.id.fitXY).setOnClickListener(this);
        findViewById(R.id.center).setOnClickListener(this);
        findViewById(R.id.centerCrop).setOnClickListener(this);
        findViewById(R.id.centerInside).setOnClickListener(this);
    }
    @Override
    public void onClick(View v) {
        switch (v.getId())
        {
            case R.id.fitCenter:
                iv_img.setScaleType(ImageView.ScaleType.FIT_CENTER);
                break;
            case R.id.fitEnd:
                iv_img.setScaleType(ImageView.ScaleType.FIT_END);
                break;
            case R.id.fitStart:
                iv_img.setScaleType(ImageView.ScaleType.FIT_START);
                break;
            case R.id.fitXY:
                iv_img.setScaleType(ImageView.ScaleType.FIT_XY);
                break;
            case R.id.center:
                iv_img.setScaleType(ImageView.ScaleType.CENTER);
                break;
            case R.id.centerCrop:
                iv_img.setScaleType(ImageView.ScaleType.CENTER_CROP);
                break;
            case R.id.centerInside:
                iv_img.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
                break;
        }
    }
}