Android_ImageView控件

ImageView控件

• ImageView，图像视图，直接继承View类，主要功能是用于显示图片
• 任何Drawable对象都可以使用ImageView来显示
• ImageView可以适用于任何布局中，并且Android为其提供了缩放和着色的一些操作

常用属性

maxHeight 设置ImageView的最高高度

maxWidth 设置ImageView的最高宽度

src 设置ImageView所显示的Drawable对象的ID

scaleType 设置所显示图片如何缩放或移动以适应ImageView的大小

adjustViewBounds 设置ImageView是否调整自己的边界来保持所显示图片的长宽比

scaleType的常用属性

matrix 从左上角开始绘制图片，超过ImageView的部分裁掉

fitXY 缩放图片，不保持纵横比

fitstart 保持纵横比缩放图片，并且在ImageView的左上角显示图片

fitCenter 保持纵横比缩放图片，并且在ImageView的中央显示图片

fitEnd 保持纵横比缩放图片，并且在ImageView的右下角显示图片

center 把图片放在ImageView的中央，但不进行任何缩放，大图片裁剪

centerGrop 保持纵横比缩放图片，完整覆盖ImageView，居中显示裁剪的多余部分

centerlnside 大图片保持纵横比缩放后居中，小图片不缩放直接居中

<?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/image"
        android:scaleType="center"
        android:layout_width="200dp"
        android:layout_height="300dp"
        android:src="@drawable/logo"/>

    <LinearLayout
        android:layout_width="wrap_content"
        android:orientation="horizontal"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/scaleType_center_crop"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="center_crop"
            android:layout_weight="1"
            />
        <Button
            android:id="@+id/scaleType_center_inside"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="center_inside"
            android:layout_weight="1"
            />
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:orientation="horizontal"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/matrix"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="matrix"
            android:layout_weight="1"
            />
        <Button
            android:id="@+id/fitXY"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitXY"
            android:layout_weight="1"
            />
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:orientation="horizontal"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/fitStart"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitStart"
            android:layout_weight="1"
            />
        <Button
            android:id="@+id/fitCenter"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitCenter"
            android:layout_weight="1"
            />
        <Button
            android:id="@+id/fitEnd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitEnd"
            android:layout_weight="1"
            />
    </LinearLayout>


</LinearLayout>

public class ImageViewActivity extends AppCompatActivity {
    ImageView iv;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_image_view);
        iv = findViewById(R.id.image);

        Button center_crop = findViewById(R.id.scaleType_center_crop);
        Button center_inside = findViewById(R.id.scaleType_center_inside);

        Button matrix = findViewById(R.id.matrix);
        Button fitXY = findViewById(R.id.fitXY);

        Button fitStart = findViewById(R.id.fitStart);
        Button fitCenter = findViewById(R.id.fitCenter);
        Button fitEnd = findViewById(R.id.fitEnd);

        center_crop.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
               iv.setScaleType(ImageView.ScaleType.CENTER_CROP);
            }
        });

        center_inside.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                iv.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
            }
        });

        matrix.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                iv.setScaleType(ImageView.ScaleType.MATRIX);
            }
        });
        fitXY.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                iv.setScaleType(ImageView.ScaleType.FIT_XY);
            }
        });

        fitStart.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                iv.setScaleType(ImageView.ScaleType.FIT_START);
            }
        });
        fitCenter.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                iv.setScaleType(ImageView.ScaleType.FIT_CENTER);
            }
        });
        fitEnd.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                iv.setScaleType(ImageView.ScaleType.FIT_END);
            }
        });
    }
}