android基礎--Activity之間動畫
這個工程裡面收集了一些常用的動畫檔案在工程目錄anim下(都加了註釋,大家可以直接用),至於動畫標籤裡面的屬性大家可以參考如下路徑的官方文件:太全了,有些還可以直接使用的...
developers/Dev Guide/Application Resources/Resources Type/Animation 風格一如既往,先看效果 ,再看程式碼,大家看類短,但一定仔細讀下注釋部分,讀完你肯定不會暈Activity之間的動畫了,看效果(工具做的GIF有點失真,但真機上絕對流暢):
效果一:
效果二:
效果三:
註釋中Activity與overridePendingTransition(a,b)當前與目標對應關係圖:
第一個Activity控制類程式碼如下,大家主要看這個類,另外兩個類,只貼下程式碼,沒加註釋,因為基本一樣:
package com.xiaoma.betweenactivityanimation;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
/**
* @Title: BetweenActivityAnimationDemoActivity.java
* @Package com.xiaoma.betweenactivityanimation
* @Description: Activity之間跳轉動畫學習 如果怕動畫太短看不清楚的,
* 可以把動畫XML檔案裡面標籤屬性 during值設定的長些,吼吼
* @author XiaoMa
*/
public class BetweenActivityAnimationDemoActivity extends Activity implements OnClickListener
{
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
init();
}
private void init() {
findViewById(R.id.button1).setOnClickListener(this);
}
@Override
public void onClick(View v)
{
if (v.getId() == R.id.button1)
{
Intent intent = new Intent(getApplicationContext(),
BetweenActivityAnimationDemoActivity2.class);
startActivity(intent);
/**
* 對下面這個方法的官方解釋如下,版本從2.0後開始哦
* Call immediately after one of the flavors of startActivity(Intent) or finish()
* to specify an explicit transition animation to perform next.
* 用工具查到解釋為:
* 在startActivity(Intent)或finish()之法之後呼叫後,會立即用一個指定的描述動畫的XML檔案來執行
* 下一個Activity
*
* 下面兩句是對這個方法兩個引數的解釋,在此之前小馬也看了下別人講的,
* 其實是錯的,看官方的解釋肯定沒錯,不懂英語的用工具查下
* 小馬一直都說的,我英語很爛,我能查的你一定也能查得到
* 1.enterAnim A resource ID of the animation resource
* to use for the incoming activity. Use 0 for no animation.
* 2.exitAnim A resource ID of the animation resource
* to use for the outgoing activity. Use 0 for no animation.
* 一:進入動畫 一個動畫資源,用於目標Activity 進入螢幕時的動畫,此處寫0代表無動畫
* 二:退出動畫 一個動畫資源,用於當前Activity 退出螢幕時的動畫,此處寫0代表無動畫
*
* 這個目標、當前怎麼理解?比如:startActivity( A(當前)--> B(目標)) 《finish()一樣》
* 下面引數中有一個為0,就表示A退出時無動畫...一定把引數搞清楚,不然動畫就搞暈了
* overridePendingTransition(R.anim.zoom_enter, 0);
* 方法兩個引數與目標、當前Activity對應關係如效果下方綠色圖所示
*/
overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit);
}
}
/** 列幾個安卓自帶的動畫效果,大家可以把上面 overridePendingTransition引數改下看看效果
* 實現淡入淡出的效果
overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);
overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);
由左向右滑入的效果
overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
*/
}
第二個Activity程式碼如下:
package com.xiaoma.betweenactivityanimation;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
public class BetweenActivityAnimationDemoActivity2 extends Activity implements OnClickListener
{
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main2);
init();
}
private void init(){
findViewById(R.id.button2).setOnClickListener(this);
}
@Override
public void onClick(View v)
{
if(v.getId() == R.id.button2)
{
Intent i = new Intent(getApplicationContext(),BetweenActivityAnimationDemoActivity3.class);
startActivity(i);
overridePendingTransition(R.anim.hyperspace_in, R.anim.hyperspace_out);
}
}
}
第三個Activity程式碼如下:
package com.xiaoma.betweenactivityanimation;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
public class BetweenActivityAnimationDemoActivity3 extends Activity implements OnClickListener
{
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main3);
init();
}
private void init(){
findViewById(R.id.button3).setOnClickListener(this);
}
@Override
public void onClick(View v)
{
if(v.getId() == R.id.button3)
{
finish();
//如果這個地方不想用自己的,可以直接調安卓提供的動畫,如下:
overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out);
//安卓自帶的動畫哦,看效果就知道了
//overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);
}
}
}
上面效果中用到的動畫程式碼:
<?xml version="1.0" encoding="utf-8"?>
<!-- zoom_exit,即類似iphone的進入效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator"
android:zAdjustment="top">
<scale
android:fromXScale="1.0"
android:toXScale=".5"
android:fromYScale="1.0"
android:toYScale=".5"
android:pivotX="50%p"
android:pivotY="50%p"
android:duration="3000" />
<alpha
android:fromAlpha="1.0"
android:toAlpha="0"
android:duration="1000"/>
</set>
<!-- 實現zoom_enter即類似iphone退出時的效果 -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator">
<scale
android:fromXScale="2.0"
android:toXScale="1.0"
android:fromYScale="2.0"
android:toYScale="1.0"
android:pivotX="50%p"
android:pivotY="50%p"
android:duration="1000"
/>
</set>
<!-- hyperspace_in 浮動式動畫 -->
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromAlpha="0.0"
android:startOffset="1200"
android:toAlpha="1.0" />
<!--hyperspace_out 浮動式動畫 -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false">
<scale
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromXScale="1.0"
android:toXScale="1.4"
android:fromYScale="1.0"
android:toYScale="0.6"
android:pivotX="50%"
android:pivotY="50%"
android:fillAfter="false"
android:duration="700" />
<set
android:interpolator="@android:anim/accelerate_interpolator"
android:startOffset="700">
<scale
android:fromXScale="1.4"
android:toXScale="0.0"
android:fromYScale="0.6"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="400" />
<rotate
android:fromDegrees="0"
android:toDegrees="-45"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="400" />
</set>
</set>
<!-- push_up_in 上下滑入式 -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="300"
android:fromYDelta="100%p"
android:toYDelta="0" />
<alpha
android:duration="300"
android:fromAlpha="0.0"
android:toAlpha="1.0" />
</set>
<!-- push_up_out 上下滑入式 -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="300"
android:fromYDelta="0"
android:toYDelta="-100%p" />
<alpha
android:duration="300"
android:fromAlpha="1.0"
android:toAlpha="0.0" />
</set>