老婆保佑，代碼無BUG
目錄
- 一：5.0之前的實現(xiàn)效果
- 實現(xiàn)
- 二： 5.0之后如何實現(xiàn)
- 分解仔粥、滑動進入徘跪、淡入淡出
- 共享元素動畫
一：5.0之前的實現(xiàn)效果
Untitled4.gif
1. 實現(xiàn)
（1） 添加動畫
屏幕快照 2017-04-07 下午1.39.54.png
anim_enter
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator">
<translate
android:duration="@android:integer/config_mediumAnimTime"
android:fromXDelta="100%p"
android:toXDelta="0%p" />
<!--<alpha-->
<!--android:duration="@android:integer/config_mediumAnimTime"-->
<!--android:fromAlpha="0.0"-->
<!--android:toAlpha="1.0" />-->
</set>
anim_exit
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator">
<translate
android:duration="@android:integer/config_mediumAnimTime"
android:fromXDelta="0%p"
android:toXDelta="-100%p" />
<!--<alpha-->
<!--android:duration="@android:integer/config_mediumAnimTime"-->
<!--android:fromAlpha="1.0"-->
<!--android:toAlpha="0.0" />-->
</set>
back_enter
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:duration="@android:integer/config_mediumAnimTime"
android:fromXScale="1.5"
android:fromYScale="1.5"
android:pivotX="50.0%"
android:pivotY="50.0%"
android:toXScale="1.0"
android:toYScale="1.0" />
<alpha
android:duration="@android:integer/config_mediumAnimTime"
android:fromAlpha="0.4"
android:toAlpha="1.0" />
</set>
back_exit
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:duration="@android:integer/config_mediumAnimTime"
android:fromXScale="1.0"
android:fromYScale="1.0"
android:pivotX="50.0%"
android:pivotY="50.0%"
android:toXScale="0.4"
android:toYScale="0.4" />
<alpha android:duration="@android:integer/config_mediumAnimTime" android:fromAlpha="1.0" android:toAlpha="0.0" />
</set>
（2） 在下面的styles 中添加樣式
屏幕快照 2017-04-07 下午1.44.20.png
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:fitsSystemWindows">true</item>
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowAnimationStyle">@style/fade</item>
</style>
<!-- activiy 切換動畫 -->
<style name="fade" parent="@android:style/Animation.Activity">
<item name="android:activityOpenEnterAnimation">@anim/anim_enter</item>
<item name="android:activityOpenExitAnimation">@anim/anim_exit</item>
<item name="android:activityCloseEnterAnimation">@anim/back_enter</item>
<item name="android:activityCloseExitAnimation">@anim/back_exit</item>
</style>
（3） 解釋說明
android:activityOpenExitAnimation
當(dāng)我們從 A1 啟動 A2 時，A1 從屏幕上消失
android:activityOpenEnterAnimation
當(dāng)我們從 A1 啟動 A2 時，A2 出現(xiàn)在屏幕上
android:activityCloseExitAnimation
當(dāng)我們從 A2 退出回到 A1 時疗我，A2 從屏幕上消失
android:activityCloseEnterAnimation
當(dāng)我們從 A2 退出回到 A1 時，A1 出現(xiàn)在屏幕上
二： 5.0之后如何實現(xiàn)
1. 分解南捂、滑動進入吴裤、淡入淡出
將原先的跳轉(zhuǎn)改成如下方式
findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(MainActivity.this, Act2.class);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(MainActivity.this).toBundle());
} else {
startActivity(intent);
}
}
});
修改第二個Activity
package com.allens.intent2demo;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.transition.Explode;
import android.transition.Fade;
import android.transition.Slide;
import android.transition.Transition;
import android.view.Window;
/**
* 描述:
* <p>
* Created by allens on 2018/1/3.
*/
public class Act2 extends AppCompatActivity {
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
// 設(shè)置contentFeature,可使用切換動畫
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
// init_explode();// 分解
// init_Slide();//滑動進入
init_fade();//淡入淡出
}
setContentView(R.layout.activity_2);
}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
private void init_fade() {
Transition transition = new Fade().setDuration(200);
getWindow().setEnterTransition(transition);
getWindow().setExitTransition(transition);
}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
private void init_Slide() {
Transition transition = new Slide().setDuration(200);
getWindow().setEnterTransition(transition);
getWindow().setExitTransition(transition);
}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
private void init_explode() {
Explode explode = new Explode();
explode.setDuration(200);
getWindow().setEnterTransition(explode);
}
}
注意，一定要在加載布局之前設(shè)置,判斷一下版本號溺健，5.0之后才有
分解
滑動進入
淡入淡出.gif
2. 共享元素動畫
修改Activity
package com.allens.intent2demo;
import android.app.ActivityOptions;
import android.content.Intent;
import android.os.Build;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Pair;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {
private Button btn;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btn = findViewById(R.id.btn);
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(MainActivity.this, Act2.class);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
Pair<View, String> pair1 = Pair.create(((View) btn), "mybtn");
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(MainActivity.this, pair1).toBundle());
} else {
startActivity(intent);
}
}
});
}
}
修改第一個activity 中的 xml
需要共享的元素加上android:transitionName
例如
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="共享元素動畫"
android:transitionName="mybtn"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
修改第二個activity中的Button 同樣加上
android:transitionName="mybtn"
如果需要共享多個控件
使用
startSharedElementAnimation(Window window,
Pair<View, String>... sharedElements)
例如
Pair<View, String> pair1 = Pair.create(((View) btn), "mybtn");
Pair<View, String> pair2 = Pair.create(((View) btn), "mybtn1");
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(MainActivity.this, pair1,pair2).toBundle());
Untitled11.gif
