Android移动应用开发—ImageView设置图片

目录

Android移动应用开发——ImageView控件详细讲解与示例

布局文件（XML代码）

Java代码

程序运行效果

补充讲解：ImageView常用属性

常见的scaleType说明

在Android开发中，ImageView 是最常用的控件之一，用来在应用界面上显示图片。今天通过一个完整的小案例，带大家学习如何使用 ImageView，包括布局XML中设置图片、Java代码动态设置图片资源，还会介绍常用属性。

布局文件（XML代码）

文件名：activity_main.xml
代码类型：XML

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

    <ImageView
        android:id="@+id/iv_cm_small"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:scaleType="centerCrop"
        android:src="@drawable/cm_small" />
    <!-- android:scaleType="centerCrop" 图片居中裁剪显示 -->

</LinearLayout>

Java代码

文件名：MainActivity.java
代码类型：Java

package com.example.demo6;

import androidx.appcompat.app.AppCompatActivity;
import android.annotation.SuppressLint;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    private ImageView iv_small;

    @SuppressLint("MissingInflatedId")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 用Java代码动态设置图片资源
        iv_small = findViewById(R.id.iv_cm_small);
        iv_small.setImageResource(R.drawable.cm_small);
    }
}

程序运行效果

运行后，界面中居中显示一张宽高为200dp的图片。图片内容是项目资源文件夹res/drawable中保存的 cm_small.png 或 cm_small.jpg 图片。通过 XML 和 Java 两种方式都成功设置了图片。

补充讲解：ImageView常用属性

常见的scaleType说明

• centerCrop：保持比例，放大图片，使图片的一边填满控件，居中裁剪。

• fitCenter：保持比例缩放，让整个图片都显示在控件内，居中显示。

• centerInside：如果图片太大，就缩小到控件内；否则居中显示。

• fitXY：不保持比例，直接拉伸图片填满控件大小。

例如，如果想让图片整体适应控件大小，可以这样改代码：

android:scaleType="fitCenter"