animated-selector状态改变的动画效果

最新推荐文章于 2025-06-24 17:43:52 发布

转载最新推荐文章于 2025-06-24 17:43:52 发布 · 2.6k 阅读

android 同时被 3 个专栏收录

91 篇文章

订阅专栏

安卓

88 篇文章

订阅专栏

JAVA

60 篇文章

订阅专栏

本文详细介绍了如何在Android中使用animator_selector实现按钮状态切换的动画效果。通过创建XML文件定义不同状态下的图片资源和过渡动画，实现了按钮从未选中到选中状态的平滑变化。代码示例展示了如何在ImageView上应用此动画选择器，并通过改变控件的状态触发动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看效果图：

在res/drawable/目录下创建一个animator_selector.xml文件

<?xml version="1.0" encoding="utf-8"?>
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item  android:id="@+id/state_on" android:drawable="@drawable/btn_check_0" android:state_checked="false" />

    <item  android:id="@+id/state_off" android:state_checked="true" android:drawable="@drawable/btn_check_15" />

    <transition  android:fromId="@id/state_on" android:toId="@id/state_off">
        <animation-list>
            <item  android:drawable="@drawable/btn_check_0" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_1" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_2" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_3" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_4" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_5" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_6" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_7" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_8" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_9" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_10" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_11" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_12" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_13" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_14" android:duration="30" />
            <item  android:drawable="@drawable/btn_check_15" android:duration="30" />
        </animation-list>
    </transition>
</animated-selector>

有点类似帧动画

给对应的控件设置，如下：

<ImageView  android:id="@+id/check" android:background="@drawable/animator_selector" android:layout_width="50dp" android:layout_height="50dp" />

代码中：

public class MainActivity extends AppCompatActivity {


    private ImageView iv;
    private static final int[] STATE_CHECKED = new int[]{android.R.attr.state_checked};
    private static final int[] STATE_UNCHECKED = new int[]{};
    private boolean flag;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        iv = (ImageView) findViewById(R.id.check);

        iv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (flag) {
                    iv.setImageState(STATE_UNCHECKED, true);
                    flag = false;
                } else {
                    iv.setImageState(STATE_CHECKED, true);
                    flag = true;
                }
            }
        });

    }
}

转自：https://www.ctolib.com/topics-74071.html