Android 手機衛士--平移動畫實現

本文實現以下幾個界面之間的平移動畫實現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);
相關文章
相關標籤/搜索