Android轉場動畫的學習

2021-08-01 03:13:33 字數 2647 閱讀 9117

本文**:

最近在ui中國看見乙個很好看的效果,它是這樣的:

然後我上網搜了一下,發現android5.0以上版本,在activity切換時是有提供動畫的。

所以這篇文章會簡單的介紹一下android的幾種轉場動畫,才疏學淺,講不深入,只講下基本用法,見諒。

android的轉場動畫,有如下幾種:

使用方法:

首先是將啟動activity的方法改為如下所示:

startactivity(new intent(this, secondactivity.class), activityoptions.makescenetransitionanimation(this).tobundle());
然後在secondactivity中設定轉場方式:

getwindow().setentertransition(new

explode().setduration(2000));

getwindow().setexittransition(new explode().setduration(2000));

這個的轉場方式有入場和出場。

好了,這樣就可以了,大家可以試試,就能看到效果了。

和上乙個類似,我們只需要把explode改為slide即可:

相信大家都猜到了,我們只需要把slide改為fade即可:

getwindow().setentertransition(new

fade().setduration(2000));

getwindow().setexittransition(new fade().setduration(2000));

共享元素:

共享元素是乙個比較神奇的東西,在開始處ui中國的那個效果,我也仿著實現了一下,就是用共享元素實現的。

yuansu.gif

可以看到場景的切換很自然。慢慢放大,好像慢慢變成了secondactivity 裡的。當返回上乙個activity 時,感覺慢慢變小,然後慢慢的變成了上乙個activity的。

這就是共享元素,當兩個activity中有同乙個控制項時,我們就可以使用共享元素動畫。

使用方法:

首先我們需要在需要共享的控制項中宣告android:transitionname="myimage"屬性(在兩個activity布局檔案中都要宣告,而且值要一樣)。

在我的例子中,那張就是共享元素,其xml檔案如下:

android:id="@+id/image"

android:transitionname="myimage"

android:layout_width="match_parent"

android:layout_height="200dp"

android:src="@mipmap/timg2"

android:onclick="share"/>

然後就是啟動activity:

startactivity(intent, activityoptions.makescenetransitionanimation(this,image,"myimage").tobundle());
可以發現這裡多了兩個引數,乙個是image,這個就是你的共享元素view,後面那個就是你的transitionname。

這樣就實現了共享元素動畫,大家可以試一試。

那麼如果我們有多個共享元素怎麼辦呢?

我們可以使用pair.create方法,如下:

startactivity(intent, activityoptions.makescenetransitionanimation(this,pair.create((view)image,"myimage"),pair.create((view)text,"mytext")).tobundle());
pair.create裡有兩個引數,第乙個是共享元素view(注意這裡型別必須為view型別),第二個是transitionname

好了,這樣的話,activity的轉場動畫就講完了。

相關**:

Android轉場動畫的實現

if android.os.build.version.sdk int android.os.build.version codes.lollipop elseif build.version.sdk int build.version codes.lollipop else兩個頁面布局中要進行動畫...

android轉場動畫精品文章收集

你所不知道的activity轉場動畫 activityoptions android5.0之activity的轉場動畫 android 自定義activity過場動畫 android 過渡 transition 動畫解析之基礎篇 用開源專案activityoptionsics讓activityopt...

CATransition轉場動畫

注意事項 官方文件中只提供了四種轉場動畫過渡方式的常量,如圖 動畫的終點值必須大於等於起點值,否則沒有動畫效果 push movein reveal cube oglflip suckeffect rippleeffect pagecurl pageuncurl camerairishollowop...