2014-07-08 3 views
4

Android L 미리보기에는 멋진 애니메이션이 많이 있습니다. 특히, 액션 아이템 애니메이션에 흥미가 있습니다. ActionBar. 여기이 애니메이션의 video은 Google 소재 디자인 웹 페이지에서 제공됩니다. 누구나이 애니메이션을 구현하는 방법을 알고 있습니까?Android L 액션 아이템 애니메이션

답변

4

< animation-list> XML 요소 또는 AnimationDrawable 클래스를 사용하여 프레임 기반 애니메이션 아이콘을 만들 수 있습니다. L에서 시작하여 < animated-selector> XML 요소 또는 AnimatedStateListDrawable 클래스를 사용하여 상태 기반 애니메이션 아이콘을 만들 수 있습니다. 상태 "또는"

여기
<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/colorControlActivated" /> 
      </item> 
      ... 

PNG 파일 및 "OFF"사이에 형성된 천이로서 구현 여러 상태 기반의 프레임이있다 : 여기

는 L 프리뷰에서 애니메이션 체크 박스의 예 PNG 기반 애니메이션으로 구현됩니다. 드로어 블 이름의 마지막 세 숫자는 프레임을 나타내며, 체크 박스는 "체크 된"및 "체크되지 않은"애니메이션 각각에 대해 15 개의 프레임을 사용합니다.

두 가지 상태의 간단한 애니메이션에 대해서만 < animation-list>를 단독으로 사용할 수도 있습니다.

+0

감사합니다. 비슷한 예가 Roman Nurik에 의해 작성되었습니다. 여기 애니메이션 https://lh3.googleusercontent.com/-de8QxcOTzwY/U7dpaMxaxDI/AAAAAAABD2s/SIVlQI5xqxo/w426-h240/togglefab.gif –