StateListAnimator 介绍
tianzhidao
8年前
<p><a href="/misc/goto?guid=4959676770717975318" rel="nofollow,noindex">StateListAnimator</a> 是在 Android 5.1 版本引入的。在这之前，处理 View 的点击状态一般都是使用 StateListDrawable 来完成的。</p> <p>啥？ 您没用过 StateListDrawable ？</p> <p>下面的文件 (res/drawable/foreground_selector.xml) 内容，您一定很熟悉吧！</p> <pre> <code class="language-xml"><?xmlversion="1.0" encoding="utf-8"?> <selectorxmlns:android="http://schemas.android.com/apk/res/android"> <itemandroid:color="@color/transparentAccent" android:state_pressed="true"> <shape> <solidandroid:color="@color/transparentAccent"/> </shape> </item> <item> <shape> <solidandroid:color="@android:color/transparent"/> </shape> </item> </selector> </code></pre> <p>这就是一个 StateListDrawable 对象，当设置为 View 的背景的时候，不同的状态可以使用不同的背景图片表示。</p> <p>效果如下图：</p> <p><img src="https://simg.open-open.com/show/0c6bbe2d8ae7717a6956bdb9958f622c.gif"></p> <p>您可能会问， 使用 StateListDrawable 很好啊， 不同的点击状态使用不同的背景来表示，为啥还要搞个新的 StateListAnimator 呢？</p> <p>原因是在 Android 5.0系统开始引入了新的 <a href="/misc/goto?guid=4959676770823759213" rel="nofollow,noindex">Material Design（纸墨设计）</a> 规范，而在 纸墨设计规范中动画是非常重要的，通过各种动画来指导用户操作以及凸显重要的内容。 StateListDrawable 只是简单的状态切换，并没有动画所以不太符合 纸墨设计 规范的要求，因此从新设计了一个 StateListAnimator。</p> <p>既然是一个 Animator ，就说明该类可以对 View 的属性做动画。</p> <p>比如：（res/animator/selector_animator.xml）</p> <pre> <code class="language-xml"><?xmlversion="1.0" encoding="utf-8"?> <selectorxmlns:android="http://schemas.android.com/apk/res/android"> <itemandroid:state_pressed="true"> <objectAnimator android:duration="@android:integer/config_shortAnimTime" android:propertyName="translationZ" android:valueTo="4dp" android:valueType="floatType"/> </item> <item> <objectAnimator android:duration="@android:integer/config_shortAnimTime" android:propertyName="translationZ" android:valueTo="0dp" android:valueType="floatType"/> </item> </selector> </code></pre> <p>根元素依然为 selector， 只不过该文件是在 animator 目录中的。每个 item 为一个 objectAnimator 对象 用来对 View 的属性做动画。 可以把这个文件设置到 View 的 stateListAnimator 属性上去：</p> <p>android:stateListAnimator=”@animator/selector_animator”</p> <p>效果如下:</p> <p><img src="https://simg.open-open.com/show/6daf8915f5a3a02d22b4d1714cb4ed5f.gif"></p> <p>另外值得说明的是，在 item 中不仅可以使用 objectAnimator 还可以使用多个 objectAnimator 来实现复杂的动画，多个 objectAnimator 放到一个 set 中：</p> <pre> <code class="language-xml"><?xmlversion="1.0" encoding="utf-8"?> <selectorxmlns:android="http://schemas.android.com/apk/res/android"> <itemandroid:state_pressed="true"> <set> <objectAnimator android:duration="@android:integer/config_shortAnimTime" android:propertyName="scaleX" android:valueTo="1.025" android:valueType="floatType"/> <objectAnimator android:duration="@android:integer/config_shortAnimTime" android:propertyName="scaleY" android:valueTo="1.025" android:valueType="floatType"/> <objectAnimator android:duration="@android:integer/config_shortAnimTime" android:propertyName="translationZ" android:valueTo="4dp" android:valueType="floatType"/> </set> </item> <item> <set> <objectAnimator android:duration="@android:integer/config_shortAnimTime" android:propertyName="scaleX" android:valueTo="1.0" android:valueType="floatType"/> <objectAnimator android:duration="@android:integer/config_shortAnimTime" android:propertyName="scaleY" android:valueTo="1.0" android:valueType="floatType"/> <objectAnimator android:duration="@android:integer/config_shortAnimTime" android:propertyName="translationZ" android:valueTo="0dp" android:valueType="floatType"/> </set> </item> </selector> </code></pre> <p>效果：</p> <p><img src="https://simg.open-open.com/show/7df813aa1624f39297abb82467b8f2c6.gif"></p> <p>本文示例中的代码位于 <a href="/misc/goto?guid=4959676770917310253" rel="nofollow,noindex">github</a> 。 原文位于 <a href="/misc/goto?guid=4959676102322799692" rel="nofollow,noindex">stylingandroid</a> 。</p> <p> </p> <p>来自：http://blog.chengyunfeng.com/?p=1014</p> <p> </p>