Android實現(xiàn)Reveal圓形Activity轉(zhuǎn)場動畫的完整步驟
更新時間：2018年11月05日 10:05:06 作者：WPJY
這篇文章主要給大家介紹了關于Android Reveal圓形Activity轉(zhuǎn)場動畫的實現(xiàn)過程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
前言
Activity的轉(zhuǎn)場動畫很早就有，但是太過于單調(diào)，樣式也不好看，本文將給大家介紹了關于Android實現(xiàn)Reveal圓形Activity轉(zhuǎn)場動畫的相關內(nèi)容，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧
一、效果
二、知識點
CircularReveal動畫、透明主題、轉(zhuǎn)場動畫（非必須）
三、方案
假設有兩個Activity A和B。Reveal圓形Activity轉(zhuǎn)場動畫效果先從A到B，那么基本方案如下：
- 確定要顯示的圓形動畫中心起點位置
- 通過Intent將起點位置從Activity A傳遞B
- Activity B主題需要是透明的，同時先隱藏布局視圖
- 在Activity A中啟動Activity B，Activity A先不銷毀
- Activity B啟動之后開始動畫，在動畫啟動時顯布局視圖
- 銷毀Activity A，如果需要返回則不銷毀
四、實現(xiàn)
4.1 初始界面Activity A
在Activity A中需要定義好主題、布局以及啟動Activity B的方法。因為當不需要執(zhí)行返回動畫的時候，要把Activity A銷毀，這時候一定是在后臺銷毀的，所以要把主題相關設置為透明，不然會在Activity B中顯示Activity A銷毀界面。
<style name="FullScreen" parent="@style/Theme.AppCompat.Light.NoActionBar"> <item name="android:windowFullscreen">true</item> <item name="android:windowContentOverlay">@null</item> <item name="android:windowIsTranslucent">true</item> <item name="android:windowBackground">@android:color/transparent</item> <item name="android:backgroundDimEnabled">false</item> <item name="android:windowTranslucentNavigation">true</item> <item name="android:windowTranslucentStatus">true</item> <item name="android:windowDrawsSystemBarBackgrounds">true</item> </style>
然后是布局設置，這一步比較簡單，這里以啟動界面為例，顯示一張鋪滿全屏的圖片，下面覆蓋一個進度條。
<?xml version="1.0" encoding="utf-8"?> <FrameLayout 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" tools:context=".SplashActivity"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="fitXY" android:src="@mipmap/wallace" /> <ProgressBar android:id="@+id/progressbar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|center_horizontal" android:layout_marginBottom="180dp" /> </FrameLayout>
在Activity A中啟動Activity B代碼如下，使用轉(zhuǎn)場動畫API執(zhí)行，當然也可以使用ActivityCompat.startActivity(this, intent, null); overridePendingTransition(0, 0);這種方式。在這段代碼中，把Activity A中開始執(zhí)行Reveal圓形動畫的坐標點傳遞給Activity B，因為動畫是在Activity B中執(zhí)行的。
public void presentActivity(View view) {
ActivityOptionsCompat options = ActivityOptionsCompat.
makeSceneTransitionAnimation(this, view, "transition");
int revealX = (int) (view.getX() + view.getWidth() / 2);
int revealY = (int) (view.getY() + view.getHeight() / 2);
Intent intent = new Intent(this, MainActivity.class);
intent.putExtra(MainActivity.EXTRA_CIRCULAR_REVEAL_X, revealX);
intent.putExtra(MainActivity.EXTRA_CIRCULAR_REVEAL_Y, revealY);
ActivityCompat.startActivity(this, intent, options.toBundle());
//ActivityCompat.startActivity(this, intent, null); overridePendingTransition(0, 0);
}
4.2 動畫界面Activity B
在Activity B中同樣需要定義好主題、布局以及執(zhí)行動畫的方法。上面方案中也說到，Activity B需要是透明主題，而且布局文件不能為透明，隨便設置一個背景即可。因為動畫效果是從Activity A過度到Activity B，也就是啟動Activity B一切準備就緒之后，顯示其布局。同時開始執(zhí)行ViewAnimationUtils.createCircularReveal動畫，createCircularReveal會把根布局慢慢展開。這樣就形成了上面的動畫效果。
主題設置如下：
<style name="AppTheme.Transparent" parent="AppTheme"> <item name="android:windowIsTranslucent">true</item> <item name="android:windowBackground">@android:color/transparent</item> <item name="android:windowDrawsSystemBarBackgrounds">true</item> </style>
布局設置如下，注意根布局背景設置：
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout 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:id="@+id/root_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/holo_blue_dark" tools:context=".MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> </android.support.constraint.ConstraintLayout>
最后就是執(zhí)行動畫的代碼，先把根據(jù)不設置為不可見，然后在跟布局測量完畢之后開始執(zhí)行動畫。
if (savedInstanceState == null && Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP &&
intent.hasExtra(EXTRA_CIRCULAR_REVEAL_X) &&
intent.hasExtra(EXTRA_CIRCULAR_REVEAL_Y)) {
rootLayout.setVisibility(View.INVISIBLE);
revealX = intent.getIntExtra(EXTRA_CIRCULAR_REVEAL_X, 0);
revealY = intent.getIntExtra(EXTRA_CIRCULAR_REVEAL_Y, 0);
ViewTreeObserver viewTreeObserver = rootLayout.getViewTreeObserver();
if (viewTreeObserver.isAlive()) {
viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
revealActivity(revealX, revealY);
rootLayout.getViewTreeObserver().removeOnGlobalLayoutListener(this);
}
});
}
} else {
rootLayout.setVisibility(View.VISIBLE);
}
protected void revealActivity(int x, int y) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
float finalRadius = (float) (Math.max(rootLayout.getWidth(), rootLayout.getHeight()) * 1.1);
// create the animator for this view (the start radius is zero)
Animator circularReveal = ViewAnimationUtils.createCircularReveal(rootLayout, x, y, 0, finalRadius);
circularReveal.setDuration(400);
circularReveal.setInterpolator(new AccelerateInterpolator());
// make the view visible and start the animation
rootLayout.setVisibility(View.VISIBLE);
circularReveal.start();
} else {
finish();
}
}
最后實現(xiàn)效果如下：
五、參考：
- https://android.jlelse.eu/a-little-thing-that-matter-how-to-reveal-an-activity-with-circular-revelation-d94f9bfcae28
- https://codesnipps.simolation.com/post/android/create-circular-reveal-animation-when-starting-activitys/
好了，以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
這篇文章主要為大家介紹了Android數(shù)據(jù)存儲方式操作模式解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
Android編程使用加速度傳感器實現(xiàn)搖一搖功能及優(yōu)化的方法詳解
這篇文章主要介紹了Android編程使用加速度傳感器實現(xiàn)搖一搖功能及優(yōu)化的方法,結(jié)合實例形式分析了Android傳感器的調(diào)用方法、參數(shù)含義及具體使用技巧,需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細介紹了Android自定義view實現(xiàn)滑動解鎖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
在Android開發(fā)過程中，使用過WebView的童鞋可能難免會遇到URL重定向問題。這篇文章主要介紹了Android Webview重定向問題解決方法,非常具有實用價值，需要的朋友可以參考下2018-05-05
Android實戰(zhàn)教程第四十篇之Chronometer實現(xiàn)倒計時
這篇文章主要介紹了Android實戰(zhàn)教程第四十篇之Chronometer實現(xiàn)倒計時,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了Android雙擊返回鍵退出程序的實現(xiàn)方法,是Android程序開發(fā)中非常具有實用價值的重要技巧,需要的朋友可以參考下2014-09-09
Android系列---JSON數(shù)據(jù)解析的實例
JSON(JavaScript Object Notation)和XML，并稱為客戶端和服務端交互解決方案的倚天劍和屠龍刀，這篇文章主要介紹了Android系列---JSON數(shù)據(jù)解析的實例，有興趣的可以了解一下。2016-11-11
這篇文章主要為大家詳細介紹了Android網(wǎng)絡編程之簡易新聞客戶端的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
實例講解Android中的AutoCompleteTextView自動補全組件
AutoCompleteTextView組件被用在輸入框中能實現(xiàn)輸入內(nèi)容自動補全的功能,類似于大家平時用Google時的輸入聯(lián)想,這里我們來用實例講解Android中的AutoCompleteTextView自動補全組件,特別是實現(xiàn)郵箱地址補全的例子,非常實用2016-05-05
本篇文章主要介紹了android使用AES加密和解密文件實例代碼，非常具有實用價值，需要的朋友可以參考下2017-05-05