本篇是關于Drawable的第十三篇的部落格,主要講述如何實作點選動畫,這裡的動畫主要是使用幀動畫。詳細的情況還是看代碼吧!!
老規矩還是看一下效果圖:
這裡沒有沒有使用rippleDrawable,看不出點選回報的效果,但是還是可以看出點選動畫切換的!!
主布局檔案:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.animatedstatelistdrawable.MainActivity">
<ImageView
android:id="@+id/iv"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_gravity="center_vertical|center_horizontal"
android:background="@drawable/animated_list_state_drawable"
android:clickable="true" />
</LinearLayout>
animated_list_state_drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/off" android:drawable="@drawable/first" android:state_pressed="false"/>
<item android:id="@+id/on" android:state_pressed="true" android:drawable="@drawable/fifth"/>
<transition
android:fromId="@id/off"
android:toId="@id/on">
<animation-list >
<item android:drawable="@drawable/first" android:duration="100"/>
<item android:drawable="@drawable/second" android:duration="100"/>
<item android:drawable="@drawable/third" android:duration="100"/>
<item android:drawable="@drawable/fourth" android:duration="100"/>
<item android:drawable="@drawable/fifth" android:duration="100"/>
</animation-list>
</transition>
</animated-selector>
java檔案:
package com.example.animatedstatelistdrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
在UI狀态為未按下時,背景為first,在UI狀态改變為按下的時候,開始執行過渡動畫,并且按下狀态的最終背景為fifth。在這裡沒有監控UI的其他的狀态,有興趣的朋友可以自己定義一下UI其他狀态改變的過渡動畫。
代碼也很簡單,跟StatelistDrawable的使用方法跟相似,隻是多了一個transition标簽,這個标簽裡包含的就是一個幀動畫,UI狀态改變的時候,會直接執行這個幀動畫。在這裡就不多說了(關鍵我對這個用的不是很多,不知道怎麼說)!!!
這是我的微信公衆号,如果可以的話,希望您可以幫忙關注一下,這将是對我最大的鼓勵了,謝謝!!
源碼位址:
https://github.com/zhuyuqiang2017/MateriaDesign