带帧动画的Selector

最新推荐文章于 2024-04-30 23:47:36 发布

转载最新推荐文章于 2024-04-30 23:47:36 发布 · 479 阅读

动画专栏收录该内容

42 篇文章

订阅专栏

本文深入讲解了Android中Animated-Selector的使用方法，包括如何通过帧动画实现控件状态的平滑过渡，以及如何在Java代码中设置控件状态。通过具体的XML配置示例和Java代码演示，帮助开发者掌握Animated-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);