Android 自定义View：根据状态修改Drawable图片

引言

在Android开发中，我们经常会遇到需要根据View的状态来修改它的图片的需求。例如，在按钮控件中，我们可以根据按钮的按下、禁用、正常等状态来设置不同的背景图片。本文将介绍如何在自定义View中根据状态来修改Drawable图片。

Step 1 - 创建自定义View

首先，我们需要创建一个自定义View。假设我们要实现一个具有状态改变时改变图片的圆形按钮。下面是一个简单的示例代码：

public class CircleButton extends AppCompatImageView {

    private Drawable normalDrawable; // 正常状态下的图片
    private Drawable pressedDrawable; // 按下状态下的图片
    private boolean isPressed; // 是否处于按下状态

    public CircleButton(Context context) {
        super(context);
        init();
    }

    public CircleButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public CircleButton(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        // 初始化图片资源
        normalDrawable = getResources().getDrawable(R.drawable.circle_normal);
        pressedDrawable = getResources().getDrawable(R.drawable.circle_pressed);
        isPressed = false;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 根据状态设置不同的图片
        if (isPressed) {
            setImageDrawable(pressedDrawable);
        } else {
            setImageDrawable(normalDrawable);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                isPressed = true;
                break;
            case MotionEvent.ACTION_UP:
                isPressed = false;
                break;
        }
        invalidate();
        return true;
    }
}

在这个自定义View中，我们需要提供两种状态下的图片资源normalDrawable和pressedDrawable，并通过重写onDraw方法根据当前状态来设置不同的图片。

Step 2 - 使用自定义View

现在我们可以在布局文件中使用我们的自定义View了。在XML布局文件中添加如下代码：

<com.yourpackage.CircleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/circle_normal" />

请将com.yourpackage替换为你自己的包名。这里我们设置了圆形按钮的初始状态为normal。

结论

通过创建自定义View并重写相关的方法，我们可以根据状态来动态修改Drawable图片。这种方式可以应用于任何需要根据状态改变的自定义View中，帮助我们实现更灵活的UI效果。

示例代码在Github上。

如果你有任何问题或者建议，欢迎在评论区留言。感谢阅读！

参考资料

• Android Developer Documentation

本文来自极简博客，作者：倾城之泪，转载请注明原文链接：Android 自定义View：根据状态修改Drawable图片