Activity-过渡动画-—-让切换更加炫酷，阿里专家原创

好了，本篇关于 android5.x 提供的几种过渡动画效果就展示完了，虽然过渡动画效果很漂亮，但是也要合理的运用，也不能每一个 activity 都设置过渡动画。那么，如上动态图演示的一样，本案例关键代码将在下面贴出：

案例代码

ＭainActivity 代码如下：

package com.xww.activityanims;

import android.annotation.SuppressLint;
import android.app.ActivityOptions;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.AppCompatButton;
import android.support.v7.widget.AppCompatTextView;
import android.util.Pair;
import android.view.View;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

@SuppressLint(“NewApi”)
public class MainActivity extends AppCompatActivity {

@BindView(R.id.btn_explode)
AppCompatButton btnExplode;
@BindView(R.id.btn_slide)
AppCompatButton btnSlide;
@BindView(R.id.btn_fade)
AppCompatButton btnFade;
@BindView(R.id.tv_shared_element)
AppCompatTextView tvSharedElement;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
}

@OnClick(R.id.btn_explode)
void onExplodeClick() {
Intent intent = new Intent(this, AnimationsActivity.class);
startActivityWithAnimation(intent, “explode”);
}

@OnClick(R.id.btn_slide)
void onSlideClick() {
Intent intent = new Intent(this, AnimationsActivity.class);
startActivityWithAnimation(intent, “slide”);
}

@OnClick(R.id.btn_fade)
void onFadeClick() {
Intent intent = new Intent(this, AnimationsActivity.class);
startActivityWithAnimation(intent, “fade”);
}

private void startActivityWithAnimation(Intent intent, String animType) {
intent.putExtra(“anim”, animType);
//这里的　sharedElementName 必须与 xml 文件中设置的值一致，否则无法共享
// tvSharedElement 表示要参与共享的　view
// startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this, tvSharedElement,
// “shared element”).toBundle());
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,
Pair.create((View) tvSharedElement, “shared element”))
.toBundle());
}
}

ＭainActivity 布局文件我就不贴出来了，就三个 Button 和一个 TextView，最后我会给出本案例完整代码的资源链接，大家若不懂可以去下载来参考。

接着是 AnimationsActivity 的代码，这是一个开启动画的 Activity ，代码如下：

package com.xww.activityanims;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.AppCompatTextView;
import android.transition.Explode;
import android.transition.Fade;
import android.transition.Slide;
import android.view.Window;

import butterknife.BindView;
import butterknife.ButterKnife;

@SuppressLint(“NewApi”)
public class AnimationsActivity extends AppCompatActivity {

@BindView(R.id.tv_anim_type)
AppCompatTextView tvAnimType;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//在需要启动的 activity 中开启动画的特征
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);

setContentView(R.layout.activity_animations);
ButterKnife.bind(this);

setEnterAnim();
}

@SuppressWarnings(“ConstantConditions”)
private void setEnterAnim() {
final String animType = (String) getIntent().getExtras().get(“anim”);
tvAnimType.setText(animType);

switch (animType) {
case “explode”:
getWindow().setEnterTransition(new Explode());
break;
case “slide”:
getWindow().setEnterTransition(new Slide());
break;
case “fade”:
getWindow().setEnterTransition(new Fade());
break;
}
}
}

AnimationsActivity 布局文件如下，我觉得还是有必要贴出来：

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:app=“http://schemas.android.com/apk/res-auto”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”>

<android.support.v7.widget.ContentFrameLayout
android:id="@+id/frame"
android:layout_width=“match_parent”
android:layout_height=“280dp”
android:background="#ff3312">

<android.support.v7.widget.AppCompatTextView
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_gravity=“center”
android:text=“https://blog.csdn.net/smile_Running”
android:textColor="#ffffff"
android:textSize=“20sp”
tools:ignore=“HardcodedText” />

</android.support.v7.widget.ContentFrameLayout>

<android.support.design.widget.FloatingActionButton
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:src="@drawable/ic_person_add_black_24dp"
app:elevation=“8dp”
app:layout_anchor="@id/frame"
app:layout_anchorGravity=“bottom|right” />

<android.support.design.widget.FloatingActionButton
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:src="@drawable/ic_sentiment_satisfied_black_24dp"
app:elevation=“8dp”
app:layout_anchor="@id/frame"
app:layout_anchorGravity=“bottom|left” />

<android.support.v7.widget.CardView
android:layout_width=“220dp”
android:layout_height=“120dp”
app:cardBackgroundColor="#ffdd55"
app:cardCornerRadius=“24dp”
app:cardElevation=“8dp”
app:layout_anchor="@id/frame"
app:layout_anchorGravity=“bottom|center_horizontal”>

<android.support.v7.widget.AppCompatTextView
android:id="@+id/tv_anim_type"
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_gravity=“center”
android:text=“animations”
android:textColor="#ffffff"
android:textSize=“25sp”
tools:ignore=“HardcodedText” />
</android.support.v7.widget.CardView>

<android.support.v7.widget.AppCompatTextView
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_gravity=“bottom”
android:layout_marginBottom=“72dp”
android:gravity=“center_horizontal”
android:text="@string/app_txt"
android:textColor="#323232"
android:textSize=“18sp”
android:transitionName=“shared element”
tools:ignore=“UnusedAttribute” />
</android.support.design.widget.CoordinatorLayout>

好吧，终于把几种过渡动画给学完了，让我们的 Activity 的切换更加炫酷起来吧！

最后

如果你觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

希望读到这的您能转发分享和关注一下我，以后还会更新技术干货，谢谢您的支持！