Android多状态复合Widget实现咨询：按钮、进度圈与无限加载圈

嘿，你的这个需求场景挺典型的，我来帮你梳理下最优的实现方案，分两部分拆解：

一、Drawable与动画的优化方案：不用3个静态+5个动画Drawable #

你的初始想法有点冗余了，我们可以通过系统特性和更灵活的资源管理来简化：

1. 静态状态：用StateListDrawable替代多个独立静态Drawable #

你需要的三种静态状态（未连接、已连接、已激活/禁用），完全可以用一个状态选择器Drawable来整合，不用单独存3个文件。比如在res/drawable/circle_selector.xml里定义：

<selector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <!-- 已激活状态 -->
    <item app:state_active="true" android:drawable="@drawable/circle_active" />
    <!-- 已连接未激活状态 -->
    <item app:state_connected="true" android:drawable="@drawable/circle_connected" />
    <!-- 默认未连接状态 -->
    <item android:drawable="@drawable/circle_normal" />
</selector>

然后在自定义Widget里通过重写onCreateDrawableState()来触发状态切换，系统会自动匹配对应的Drawable，比手动切换Drawable要优雅得多。

2. 动画：复用系统能力，减少自定义动画 #

• 无限循环加载动画：直接用ProgressBar自带的indeterminate模式（设置setIndeterminate(true)），系统已经内置了这种无限循环的加载动画，完全不用自己写AnimationDrawable。
• 长按进度动画：用ObjectAnimator来控制ProgressBar的progress属性，比如从0到100（启用）或100到0（禁用），时长3秒，线性变化。代码示例：

ObjectAnimator progressAnim = ObjectAnimator.ofInt(mProgressBar, "progress", 0, 100);
progressAnim.setDuration(3000);
progressAnim.setInterpolator(new LinearInterpolator());
progressAnim.start();

这种方式不仅不用写动画Drawable，还能方便地监听动画完成事件，触发后续的通信逻辑。

这样算下来，你只需要3个静态Drawable（对应三个状态）+ 0个自定义动画Drawable（复用系统+代码动画），比你最初的方案精简太多了。

二、Widget的实现：推荐自定义复合组件（FrameLayout容器） #

至于继承Button还是ProgressBar，其实都不是最优解——因为你需要同时处理进度显示、文本提示、点击/长按事件，单独继承一个控件会让绘制和事件逻辑耦合严重。更推荐用自定义FrameLayout作为容器，内部嵌套ProgressBar和TextView，这样可以独立控制每个组件的状态，逻辑更清晰：

核心优势： #

1. 布局天然居中：FrameLayout设置android:gravity="center"就能让内部的ProgressBar和文本自动居中，不用额外计算位置；
2. 状态独立控制：ProgressBar负责显示加载/进度，TextView负责显示提示文本，各自的状态（可见性、样式、动画）可以单独调整；
3. 事件统一处理：在FrameLayout上设置点击、长按事件，不用分别给两个子控件设置，避免冲突。

大致实现步骤： #

1. 先写Widget的布局文件（res/layout/widget_device_control.xml），把ProgressBar和TextView叠在一起；
2. 自定义DeviceControlWidget继承FrameLayout，在构造方法中加载布局，初始化子控件；
3. 实现点击事件（触发连接AsyncTask）、长按事件（触发进度动画+后续通信任务）；
4. 封装状态更新方法，比如onConnectSuccess()、onDeviceStateChanged()，用来切换Widget的显示状态；
5. 重写onCreateDrawableState()，添加自定义的state_connected、state_active状态，让StateListDrawable自动切换样式；
6. 在MainActivity的onPause()中调用Widget的disconnect()方法，断开设备连接并重置状态。

关键代码片段参考： #

比如自定义Widget中的状态更新和动画触发逻辑：

// 连接成功后更新状态
public void onConnectSuccess() {
    isConnected = true;
    refreshDrawableState(); // 触发StateListDrawable切换
    mTextView.setText("长按启用");
    mProgressBar.setIndeterminate(false);
}

// 启动启用设备的进度动画
private void startEnableProgress() {
    mTextView.setText("启用中...");
    mProgressBar.setIndeterminate(false);
    ObjectAnimator anim = ObjectAnimator.ofInt(mProgressBar, "progress", 0, 100);
    anim.setDuration(3000);
    anim.setInterpolator(new LinearInterpolator());
    anim.addListener(new Animator.AnimatorListener() {
        @Override
        public void onAnimationEnd(Animator animation) {
            startCommunicating(); // 动画完成后进入通信加载状态
            new EnableDeviceTask().execute();
        }
        // 其他空实现省略
    });
    anim.start();
}

总结 #

• Drawable/动画：用StateListDrawable管理静态状态，复用系统indeterminate动画，用ObjectAnimator做进度动画，大幅减少资源文件；
• Widget实现：自定义FrameLayout复合组件，比继承单一控件更灵活，逻辑解耦，便于后续维护和扩展。

内容的提问来源于stack exchange，提问作者BufferOverflow