Android：【动画】带帧动画的Selector

普通selector只能在两种状态图片之间切换，animated-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:state_selected="true"
            android:drawable="@drawable/bt_switch_01"/>

    <!-- 关闭状态 -->
    <item
            android:id="@+id/state_off"
            android:state_selected="false"
            android:drawable="@drawable/bt_switch_10"/>

    <!-- 开启切换到关闭的动画 -->
    <transition
            android:fromId="@id/state_on"
            android:toId="@id/state_off">
        <animation-list>
            <item
                    android:drawable="@drawable/bt_switch_01"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_02"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_03"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_04"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_05"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_06"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_07"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_08"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_09"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_10"
                    android:duration="30"/>
        </animation-list>
    </transition>

    <!-- 关闭切换到开启的动画 -->
    <transition
            android:fromId="@id/state_off"
            android:toId="@id/state_on">
        <animation-list>
            <item
                    android:drawable="@drawable/bt_switch_10"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_09"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_08"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_07"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_06"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_05"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_04"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_03"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_02"
                    android:duration="30"/>
            <item
                    android:drawable="@drawable/bt_switch_01"
                    android:duration="30"/>
        </animation-list>
    </transition>
</animated-selector>

Java代码：

            //将animated-selector设置为控件图像
            Drawable drawable = getResources().getDrawable(R.drawable.animated_selector);
            iv.setImageDrawable(drawable);
            //将控件设置为打开状态
            iv.setSelected(true);
            //将控件设置为关闭状态
            iv.setSelected(false);

最后送福利了，现在关注我并且加入群聊可以获取包含源码解析，自定义View，动画实现，架构分享等。 内容难度适中，篇幅精炼，每天只需花上十几分钟阅读即可。 大家可以跟我一起探讨，欢迎加群探讨，有flutter—性能优化—移动架构—资深UI工程师 —NDK相关专业人员和视频教学资料，还有更多面试题等你来拿~ 群号：661841852

QQ截图20190510143109.jpg

点击链接加入群聊【Android开发行业交流】：https://jq.qq.com/?_wv=1027&k=5E5tkJ5