图像视图

kk3TWT Lv3

图像视图(ImageView)

图像视图展示的图片通常位于 res/drawable 目录

设置图像视图显示图片有两种方式:

  1. Activity.xml 文件中,通过 android:src 属性设置图片资源

    1
    2
    3
    4
    5
    <ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/icon" />
    <!-- 这里的“@drawable/ICON”指的是drawable目录下文件名为icon的图片文件(不需要文件扩展名) -->
  2. Activity.java 代码中,调用 setImageResource() 方法设置图片资源

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    public class Main2Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    EdgeToEdge.enable(this);
    setContentView(R.layout.activity_main);

    // 使用id查找控件
    ImageView iv = findViewById(R.id.iconImage);

    // 这里的“R.drawable.icon”指的是drawable目录下文件名为icon的图片文件(不要文件扩展名)
    iv.setImageResource(R.drawable.icon);
    }
    }

**需要注意:**图片资源文件的文件名只能包含小写字母,否则会发生报错

在默认情况下,ImageView 居中显示图片。若要改变图片的显示方式,则可以通过 android:scaleType 属性设置

1
2
3
4
5
6
<!-- 这里以居中为例 -->
<ImageView
android:id="@+id/iconImage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="center"/>

scaleType 的取值及其说明如下表:

缩放类型 说明
fitXY 拉伸图片使其正好填满视图(图片可能被拉伸变形)
fitStart 保持宽高比例,拉伸图片使其位于视图上方或左侧
fitCenter(默认值) 保持宽高比例,拉伸图片使其位于视图中间
fitEnd 保持宽高比例,拉伸图片使其位于视图下方或右侧
center 保持图片原尺寸,并使其位于视图中间
centerCrop 拉伸图片使其充满视图,并位于视图中间
centerInside 保持宽高比例,缩小图片使之位于视图中间(只缩小不放大)

图像按钮(ImageButton)

ImageButton继承自ImageView,是显示图片的图像按钮,它与Button有许多区别:

  1. ImageButton只能显示图片而不能显示文本
  2. ImageButton上的图像可以按比例缩放
  3. ImageButton可以分别在前景和背景上显示图片,实现图片叠加效果
  • 标题: 图像视图
  • 作者: kk3TWT
  • 创建于 : 2026-04-29 22:41:38
  • 更新于 : 2026-04-29 22:43:19
  • 链接: https://kk-is-very-happy.online/posts/f3c64f14/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。