项目里的通用按钮CommonButton的快速开发

2023-11-06 07:45:53

GradientDrawable 和 StateListDrawable：打造美观实用的通用按钮

概览

Android 开发中，打造美观且功能强大的用户界面至关重要。GradientDrawable 和 StateListDrawable 两种图形类为我们提供了创建动态且灵活的 Drawable 的强大工具。本博客将深入探讨如何利用它们来设计一个通用按钮，提升您的应用程序的视觉吸引力。

GradientDrawable：为形状赋予色彩

GradientDrawable 允许您使用渐变颜色填充形状。它支持矩形、椭圆、圆形等各种形状，并提供丰富的渐变类型和方向选项。通过 XML 配置，您可以轻松定义渐变效果：

<shape android:shape="rectangle">
    <gradient android:startColor="#FF0000" android:endColor="#00FF00" android:type="linear" android:angle="45" />
</shape>

StateListDrawable：状态驱动 Drawable

StateListDrawable 让您根据不同状态切换 Drawable 资源。例如，您可以为按钮定义不同的状态，如按下、禁用和正常，并为每个状态分配相应的 Drawable：

<selector>
    <item android:state_pressed="true" android:drawable="@drawable/button_pressed" />
    <item android:state_enabled="false" android:drawable="@drawable/button_disabled" />
    <item android:drawable="@drawable/button_normal" />
</selector>

通用按钮实现

将 GradientDrawable 和 StateListDrawable 结合起来，我们可以创建一个通用按钮，在不同状态下呈现不同的外观。以下是 Java 代码实现：

public class CommonButton extends AppCompatButton {

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

    private void init(Context context) {
        // 创建渐变背景
        GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.RECTANGLE);
        gradientDrawable.setColors(new int[]{Color.parseColor("#FF0000"), Color.parseColor("#00FF00")});
        gradientDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT);
        gradientDrawable.setGradientRadius(20);

        // 创建状态列表
        StateListDrawable stateListDrawable = new StateListDrawable();
        stateListDrawable.addState(new int[]{android.R.attr.state_pressed}, gradientDrawable);
        stateListDrawable.addState(new int[]{-android.R.attr.state_enabled}, gradientDrawable);
        stateListDrawable.addState(new int[]{}, gradientDrawable);

        // 设置按钮背景
        setBackgroundDrawable(stateListDrawable);
    }
}