ImageView 使用小技巧

有时候会遇到一些需求，需要两张图片叠加起来实现UI，很多人第一思路是两个View叠加一起，这样可以实现，但是增加了View的层级，我们也可以使用ImageView满足这个需求，代码如下：
1.设置background

<ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/colorAccent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

运行结果如图：
2.设置src

 <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/colorAccent"
        android:src="#FFF"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

运行结果如下

可以得出结论，src在background之上。

----------------------------------------------------------------------------------------------------------------------------------------

有时候同一个ImageView需要在不同的状态下对应不同的资源图片，我们需要监听状态的变化，从而更改Image的资源，这个时候可以使用一种简单方式，例子如下：
1.在drawable资源下定义一个level_image的资源文件

<level-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/mode_loop" android:maxLevel="1" />
    <item android:drawable="@drawable/model_signle" android:maxLevel="2" />
    <item android:drawable="@drawable/mode_random" android:maxLevel="3" />
</level-list>

2.在对应的Image中，设置src

<ImageView
	 android:id="@+id/level"
     android:src="@drawable/level_image"
     android:layout_width="100dp"
     android:layout_height="100dp"/>

3.在对应的状态监听出做出处理

mViewModel.mode.observe(this, playMode -> {
            mBinding.level.setImageLevel(playMode);
        });