Question

我有一个图像按钮，当它改变drawable时我想要动画。我想动画从pencil到cross的动画，就像打开抽屉时汉堡包变成后箭头一样。我道歉图像是白色的，与背景相同（我唯一的版本），所以只需从链接拖动图像，你就会看到我的意思。我希望有人能指出我正确的方向来开始这个。

Answer 1

您可以使用AnimatedDrawable和基于位图的帧创建动画图标。在L上，您可以使用AnimatedStateListDrawable创建有状态动画（例如复选框动画）。

这是一个AnimatedDrawable示例（实际上这是L预览复选框的实现），使用15ms长的帧，可以从代码中启动和停止：

<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:duration="15" android:drawable="@drawable/my_icon_frame_000" />
    ...additional frames...
</animation-list>

这是AnimatedStateListDrawable，它使用AnimatedDrawable转换来实现一个复选框动画，该动画根据View状态自动启动和停止：

<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:state_checked="true">
        <bitmap android:src="@drawable/btn_check_to_on_mtrl_015" android:tint="?attr/colorControlActivated" android:alpha="?attr/disabledAlpha" />
    </item>
    <item android:state_enabled="false">
        <bitmap android:src="@drawable/btn_check_to_on_mtrl_000" android:tint="?attr/colorControlNormal" android:alpha="?attr/disabledAlpha" />
    </item>
    <item android:state_checked="true" android:id="@+id/on">
        <bitmap android:src="@drawable/btn_check_to_on_mtrl_015" android:tint="?attr/colorControlActivated" />
    </item>
    <item android:id="@+id/off">
        <bitmap android:src="@drawable/btn_check_to_on_mtrl_000" android:tint="?attr/colorControlNormal" />
    </item>
    <transition android:fromId="@+id/off" android:toId="@+id/on">
        <animation-list>
            <item android:duration="15">
                <bitmap android:src="@drawable/btn_check_to_on_mtrl_000" android:tint="?attr/colorControlNormal" />
            </item>
            ...additional frames...
        </animation-list>
    </transition>
    <transition android:fromId="@+id/on" android:toId="@+id/off">
        <animation-list>
            <item android:duration="15">
                <bitmap android:src="@drawable/btn_check_to_off_mtrl_000" android:tint="?attr/colorControlActivated" />
            </item>
            ...additional frames...
        </animation-list>
    </transition>
</animated-selector>

信用：Android L "delightful" drawable transformations

有关详情：http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html

在android上创建自定义按钮动画

1 个答案: