Android切换Activity时的淡入动画和缩小动画

现在的位置: 首页 > 移动开发 > 正文

Android切换Activity时的淡入动画和缩小动画

2019年05月19日 ⁄ 移动开发 ⁄ 共 3514字 ⁄ 字号小中大 ⁄ 评论关闭

http://www.eoeandroid.com/thread-229733-1-1.html

实现在Activity切换过程中的淡入和缩小的动画效果，先创建一个主Activty布局，主Activity有两个按钮一个是实现切换的淡入效果，一个是实现缩小效果。

main.xml布局如下：

代码片段，双击复制


<?xml version="1.0"

encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<TextView

android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="本程序实现在Activity切换过程中的淡入和放大的动画效果!"

/> 
<Button

android:id="@+id/fadein"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Fade in"

/> 
<Button

android:id="@+id/zoomin"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Zoom in"

/> 
</LinearLayout>

主Activity内容：

代码片段，双击复制

package

com.xiaochun91103; 
 
import

android.app.Activity; 
import

android.content.Intent; 
import

android.os.Bundle; 
import

android.view.View; 
import

android.view.View.OnClickListener; 
import

android.widget.Button; 
 
public

class 

MainActivity extends 

Activity { 
/** Called when the activity is first created. */
private

Button fadeIn, zoomOut; 
 
@Override
public

void 

onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState);

setContentView(R.layout.main);

fadeIn = (Button) findViewById(R.id.fadein);

fadeIn.setOnClickListener(new

OnClickListener() { 
 
@Override
public

void 

onClick(View v) { 
// TODO Auto-generated method stub

startActivity(new

Intent(MainActivity.this, ShowActivity.class));

overridePendingTransition(R.anim.fade, R.anim.hold);// 切换Activity的过渡动画

}

});

zoomOut = (Button) findViewById(R.id.zoomout);

zoomOut.setOnClickListener(new

OnClickListener() { 
 
@Override
public

void 

onClick(View v) { 
// TODO Auto-generated method stub

startActivity(new

Intent(MainActivity.this, ShowActivity.class));

overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit);

}

});

}

}

动画效果的xml如下：

fade.xml

代码片段，双击复制


<?xml version="1.0"

encoding="utf-8"?>

<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="@android:integer/config_longAnimTime"

/>

hold.xml

代码片段，双击复制


<?xml version="1.0"

encoding="utf-8"?>

<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:fromXDelta="0"
android:toXDelta="0"
android:duration="@android:integer/config_longAnimTime"

/>

zoom_enter.xml

代码片段，双击复制


<?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="@android:integer/config_mediumAnimTime"

/> 
</set>

zoom_exit.xml

代码片段，双击复制


<?xml version="1.0"

encoding="utf-8"?>

<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="@android:integer/config_mediumAnimTime"

/> 
<alpha

android:fromAlpha="1.0"
android:toAlpha="0"
android:duration="@android:integer/config_mediumAnimTime"

/> 
</set>