Day14-Activity動畫

Activity動畫

分為兩種,

  • overridePendingTransition
  • ActivityOption

overridePendingTransition(enterAnim, exitAnim);

緊跟在 startActivity()/finish()之后

黑屏

當使用 overridePendingTransition(R.anim.right_to_current,0); 容易黑屏
解決: overridePendingTransition(R.anim.activity_open,R.anim.activity_stay);將activity的退出設置透明度從 1 到 1.

activity_stay.xml

<?xml version="1.0" encoding="utf-8"?>
<set  xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:fromAlpha="1"
        android:toAlpha="1"
        android:duration="300"
        />
</set>

ActivityOption

  1. 在theme添加
<style name="AppTheme" parent="Theme.AppCompat">
    <item name="android:windowContentTransitions">true</item>
</style>
  1. 通過 startActivity(intent, bundle); 的 bundle 設置
ActivityOptions options = ActivityOptions.makeScaleUpAnimation(view, 0, 0, view.getWidth(), view.getHeight());
//ActivityOptionsCompat optionCompat = ActivityOptionsCompat.makeScaleUpAnimation(view,0,0,view.getWidth(),view.getHeight());
intent.putExtra("myserializabledata", persion);
startActivity(intent, optionCompat.toBundle());

五種靜態(tài)方法創(chuàng)建動畫

  1. makeCustomAnimation(Context context, int enterResId, int exitResId)
    效果: 與普通的overridePendingTransition差不多

    ActivityOptions options = ActivityOptions.makeCustomAnimation(
            MainActivity.this,  //傳入的activity的上下文
            android.R.anim.slide_in_left,  //A Activity退出的效果
            android.R.anim.slide_out_right //B Activity進入的效果
            );
    
  2. makeScaleUpAnimation(View source,int startX, int startY, int startWidth, int startHeight)
    效果: 看到 B Activity 從相對于指定控件原點的指定位置, 按照指定大小不斷擴大B Activity

    ActivityOptions options = ActivityOptions.makeScaleUpAnimation(
            iv_click,  //從A控件
            0,  //從A控件的寬度為0
            0,  //從A控件的高度為0
            iv_click.getWidth(), //打開的Activity最開始是多寬
            iv_click.getHeight() //打開的Activity最開始是多高
            );
    
  3. makeThumbnailScaleUpAnimation(View source,Bitmap thumbnail, int startX, int startY)
    效果: 和 2 相似, 只是放大的過程是指定的View放大, 最后才換成顯示 B Activity

    ActivityOptions options = ActivityOptions.makeThumbnailScaleUpAnimation(
                           iv_click,
                           bitmap,
                           0,
                           iv_click.getHeight()
                   );
    
  4. makeSceneTransitionAnimation(Activity activity, View sharedElement, String sharedElementName)
    效果: 用于單個元素共享

    • 回退的時候如果還需要效果, 用 finishAfterTransition(); 替代finish();
    • 目標 Activity 可以是 SingleTask 但是不能指定 taskAffinity, 否則點擊時閃屏, 但鎖屏后再開, 卻顯示已經(jīng)跳轉(zhuǎn)到了B Activity.
    • 手機版本需要 Lolipop/5.0以上
    • 控件需要在Activity布局內(nèi),不能 listview 再 addHeadView Link
    • Theme 需要設置為android:Theme.Material 或者AppCompat

    注意: 報錯 You need to use a Theme.AppCompat theme (or descendant) with this activity.如果你的Theme原來是 AppCompatActivity, 此時需要修改為Activity, 或者 如果有v4包的Fragment, 那就得設置成 FragmentActivity  Link

    ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(
            MainActivity.this,
            iv_click,
            getString(R.string.MainToSecond)
            );
    
  5. makeSceneTransitionAnimation(Activity activity,Pair<View, String>… sharedElements)
    效果: 用于多個元素共享

    • Pair里的view別強轉(zhuǎn)成TextView, ImageView
    ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(
                           MainActivity.this,
                           Pair.create(findViewById(R.id.iv_click), getString(R.string.MainToSecond)), //這里是View, 不能是ImageView, TextView之類的
                           Pair.create(findViewById(R.id.tv_click), getString(R.string.MainToSecondText)));
                   startActivity(intent,options.toBundle());
    

動畫效果

提供了5種.

添加方法

右鍵res, new -> Android resource directory -> transition

新建的文件根標記需要設置為<transitionSet>, 如果是<transitionManager> 會導致 <item name="android:windowSharedElementEnterTransition">@transition/change_bounds</item>不能識別

//是否允許過渡動畫
<item name="android:windowContentTransitions">true</item>
//A Activity 動畫效果是否顯示
<item name="android:windowAllowEnterTransitionOverlap">true</item>
//B Activity 動畫效果是否顯示
<item name="android:windowAllowReturnTransitionOverlap">true</item>
//指定普通進入動畫
<item name="android:windowEnterTransition">@android:transition/slide_bottom</item>
//指定普通退出動畫
<item name="android:windowExitTransition">@android:transition/slide_bottom</item>
//自定義進入的transition動畫
<item name="android:windowSharedElementEnterTransition">@transition/change_bounds</item>
//自定義退出的transition動畫
<item name="android:windowSharedElementExitTransition">@transition/change_bounds</item>

兼容低版本(不掛,還是沒效果)

注意: Pair類也要是V4包的

ActivityOptionsCompat optionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(
                       MainActivity.this,
                       android.support.v4.util.Pair.create(findViewById(R.id.iv_click), getString(R.string.MainToSecond)),
                       android.support.v4.util.Pair.create(findViewById(R.id.tv_click), getString(R.string.MainToSecondText)));

參考
CSDN | 關于activity轉(zhuǎn)場動畫makeSceneTransitionAnimation沒效果的問題的解決辦法
Google | 定制操作行為轉(zhuǎn)換
CSDN | 你所不知道的Activity轉(zhuǎn)場動畫——ActivityOptions

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容