Android 开发 | ImageView 与 ImageButton

1. 图像视图 ImageView

XML 里设置：

<ImageView
    android:id="@+id/monky_image"
    android:src="@drawable/monky"
    android:scaleType="fitCenter"
    android:layout_width="200dp"
    android:layout_height="200dp"/>

代码里设置：

ImageView imageView = findViewById(R.id.monky_image);
imageView.setImageResource(R.drawable.man);

关于 scaleType:

fitCenter 是默认的缩放类型，图片等比缩放到填充控件大小，并且居中。

2. 图像按钮 ImageButton

继承自 ImageView，具有 ImageView 的所有属性和方法，还有个按钮背景。

ImageButton 和 Button 的区别：

• ImageButton 只能显示图片不能显示文本，而 Button 既可以显示图片也可以显示文本。
• ImageButton 的图像可以按比例缩放，但是 Button 的背景图片是 fitXY 方式，无法按比例缩放。
• ImageButton 可分别在前景和背景显示图片，从而实现两张图片叠加的效果，但是 Button 只能靠背景显示一张图片。

<ImageButton
    android:src="@drawable/man"
    android:background="@color/orange"
    android:layout_width="100dp"
    android:layout_height="100dp"
    />

3. 同时展示文本与图像

<Button
    android:padding="10dp"
    android:text="图标在上"
    android:drawableTop="@drawable/man"
    android:drawablePadding="5dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

drawablePadding: 指定图片和文字的间距。