<explode xmlns:android="http://schemas.android.com/apk/res/android">
 <targets>
  <target android:excludeId="@android:id/statusBarBackground"/>
  <target android:excludeId="@android:id/navigationBarBackground"/>
 </targets>
</explode>

<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
 <slide android:slideEdge="bottom">
  <targets>
   <target android:targetId="@id/cardview"/>
  </targets>
 </slide>

 <fade>
  <targets>
   <target android:excludeId="@android:id/statusBarBackground"/>
   <target android:excludeId="@android:id/navigationBarBackground"/>
   <target android:excludeId="@id/cardview"/>
  </targets>
 </fade>
</transitionSet>

<style name="BaseAppTheme" parent="android:Theme.Material">
 <!-- 開啟過渡效果 -->
 <item name="android:windowContentTransitions">true</item>

 <!-- 指定界面進(jìn)入/退出動(dòng)畫效果 -->
 <item name="android:windowEnterTransition">@transition/explode</item>
 <item name="android:windowExitTransition">@transition/explode</item>

 <!-- 指定共享元素進(jìn)入/退出的動(dòng)畫效果 -->
 <item name="android:windowSharedElementEnterTransition">
 @transition/change_image_transform</item>
 <item name="android:windowSharedElementExitTransition">
 @transition/change_image_transform</item>
</style>

<style name="AppTheme.Detail">
 <item name="windowActionBar">false</item>
 <item name="android:windowNoTitle">true</item>
 <item name="android:windowTranslucentStatus">true</item>
 <item name="android:windowAllowEnterTransitionOverlap">false</item>
 <item name="android:windowEnterTransition">@transition/detail_enter</item>
</style>

// 創(chuàng)建一個(gè)包含過渡動(dòng)畫信息的 ActivityOptions 對(duì)象
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this, view, getString(R.string.image_transition_name));

// 使用 Intent 跳轉(zhuǎn)界面，并傳遞共享對(duì)象信息
Intent intent = new Intent(this, DetailActivity.class);
startActivity(intent, optionsCompat.toBundle());

ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this, Pair.create(view1, "agreedName1"), Pair.create(view2, "agreedName2"));

public void imageClick(View view) {
 Intent intent = new Intent(AnimeActivity.this, AnimeDetailActivity.class);
 // 創(chuàng)建一個(gè) rect 對(duì)象來存儲(chǔ)共享元素位置信息
 Rect rect = new Rect();
 // 獲取元素位置信息
 view.getGlobalVisibleRect(rect);
 // 將位置信息附加到 intent 上
 intent.setSourceBounds(rect);
 CustomImage customImage = (CustomImage) view;
 intent.putExtra(AnimeDetailActivity.EXTRA_IMAGE, customImage.getImageId());
 startActivity(intent);
 // 屏蔽 Activity 默認(rèn)轉(zhuǎn)場(chǎng)效果
 overridePendingTransition(0, 0);
}

private void initial() {
 // 獲取上一個(gè)界面?zhèn)魅氲男畔?
 mRect = getIntent().getSourceBounds();
 mRescourceId = getIntent().getExtras().getInt(EXTRA_IMAGE);

 // 獲取上一個(gè)界面中，圖片的寬度和高度
 mOriginWidth = mRect.right - mRect.left;
 mOriginHeight = mRect.bottom - mRect.top;

 // 設(shè)置 ImageView 的位置，使其和上一個(gè)界面中圖片的位置重合
 FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(mOriginWidth, mOriginHeight);
 params.setMargins(mRect.left, mRect.top - getStatusBarHeight(), mRect.right, mRect.bottom);
 mImageView.setLayoutParams(params);

 // 設(shè)置 ImageView 的圖片和縮放類型
 mImageView.setImageResource(mRescourceId);
 mImageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

 // 根據(jù)上一個(gè)界面?zhèn)魅氲膱D片資源 ID，獲取圖片的 Bitmap 對(duì)象。
 BitmapDrawable bitmapDrawable = (BitmapDrawable) getResources().getDrawable(mRescourceId);
 Bitmap bitmap = bitmapDrawable.getBitmap();

 // 計(jì)算圖片縮放比例和位移距離
 getBundleInfo(bitmap);

 // 創(chuàng)建一個(gè) Pallette 對(duì)象
 mImagePalette = Palette.from(bitmap).generate();
 // 使用 Palette 設(shè)置背景顏色
 mContainer.setBackgroundColor(
   mImagePalette.getVibrantColor(ContextCompat.getColor(this, android.R.color.black)));
}

private void getBundleInfo(Bitmap bitmap) {
 // 計(jì)算圖片縮放比例，并存儲(chǔ)在 bundle 中
 if (bitmap.getWidth() >= bitmap.getHeight()) {
  mScaleBundle.putFloat(SCALE_WIDTH, (float) mScreenWidth / mOriginWidth);
  mScaleBundle.putFloat(SCALE_HEIGHT, (float) bitmap.getHeight() / mOriginHeight);
 } else {
  mScaleBundle.putFloat(SCALE_WIDTH, (float) bitmap.getWidth() / mOriginWidth);
  mScaleBundle.putFloat(SCALE_HEIGHT, (float) mScreenHeight / mOriginHeight);
 }
 // 計(jì)算位移距離，并將數(shù)據(jù)存儲(chǔ)到 bundle 中
 mTransitionBundle.putFloat(TRANSITION_X, mScreenWidth / 2 - (mRect.left + (mRect.right - mRect.left) / 2));
 mTransitionBundle.putFloat(TRANSITION_Y, mScreenHeight / 2 - (mRect.top + (mRect.bottom - mRect.top) / 2));
}

private void runEnterAnim() {
 mImageView.animate()
    .setInterpolator(DEFAULT_INTERPOLATOR)
    .setDuration(DURATION)
    .scaleX(mScaleBundle.getFloat(SCALE_WIDTH))
    .scaleY(mScaleBundle.getFloat(SCALE_HEIGHT))
    .translationX(mTransitionBundle.getFloat(TRANSITION_X))
    .translationY(mTransitionBundle.getFloat(TRANSITION_Y))
    .start();
}

private void runExitAnim() {
 mImageView.animate()
    .setInterpolator(DEFAULT_INTERPOLATOR)
    .setDuration(DURATION)
    .scaleX(1)
    .scaleY(1)
    .translationX(0)
    .translationY(0)
    .withEndAction(new Runnable() {
     @Override
     public void run() {
      finish();
      overridePendingTransition(0, 0);
     }
    })
    .start();
}