本文實現以下幾個界面之間的平移動畫實現html
本文地址:http://www.cnblogs.com/wuyudong/p/5954847.html,轉載請註明出處。android
分析:ide
導航界面移動過程當中,平移動畫
上一頁移入動畫 (-屏幕寬度,y)------>(0,y)
上一頁移出動畫 (0,y)-------------->(屏幕寬度,y)動畫
下一頁移入動畫 (屏幕寬度,y)-------------->(0,y)
下一頁移出動畫 (0,y)-------------->(-屏幕寬度,y)spa
在res文件夾下新建anima文件夾,在文件夾下新建四個translate.xml類型的文件code
相關的代碼以下:xml
pre_in_anim.xmlhtm
<?xml version="1.0" encoding="utf-8"?> <!-- -100%p 負一屏幕的寬度大小值 --> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="-100%p" android:toXDelta="0" android:duration="500"> </translate>
pre_out_anim.xmlblog
<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="0" android:toXDelta="100%p" android:duration="500"> </translate>
next_in_anim.xml事件
<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="100%p" android:toXDelta="0" android:duration="500"> </translate>
next_out_anim.xml
<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="0" android:toXDelta="-100%p" android:duration="500"> </translate>
接着在4個界面的代碼中的按鈕點擊事件中添加下面的代碼
在prePage按鈕中添加:
overridePendingTransition(R.anim.pre_in_anim, R.anim.pre_out_anim);
在nextPage按鈕中添加:
overridePendingTransition(R.anim.next_in_anim, R.anim.next_out_anim);