頁(yè)面轉(zhuǎn)場(chǎng)基本過(guò)渡動(dòng)畫

注:要Android 5.0 及以上才支持

1倔撞、設(shè)置支持動(dòng)畫

在styles里里面設(shè)置

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

<!--        <item name="android:windowNoTitle">true</item>-->
        <item name="windowNoTitle">true</item>
<!--        <item name="android:windowActionBar">false</item>-->

        //設(shè)置支持動(dòng)畫
        <item name="android:windowContentTransitions">true</item>
        <!--動(dòng)畫重疊变姨,默認(rèn)true,false就是要等另一個(gè)動(dòng)畫走完了才走該動(dòng)畫-->
<!--        <item name="android:windowAllowEnterTransitionOverlap">false</item>-->
<!--        <item name="android:windowAllowReturnTransitionOverlap">false</item>-->
    </style>

</resources>
2寺渗、定義動(dòng)畫
         // 側(cè)滑動(dòng)畫
        Slide transition = new Slide();
        transition.setSlideEdge(Gravity.LEFT);
        // 爆炸效果的動(dòng)畫
        Explode transition2 = new Explode();
        // 漸變動(dòng)畫
        Fade transition3 = new Fade();
        transition.setDuration(getResources().getInteger(R.integer.anim_duration_long));
        transition2.setDuration(getResources().getInteger(R.integer.anim_duration_long));
        transition3.setDuration(getResources().getInteger(R.integer.anim_duration_long));

3大猛、設(shè)置動(dòng)畫

頁(yè)面繼承AppCompatActivity历涝,否則要加判斷 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)

        getWindow().setExitTransition(transition); //跳轉(zhuǎn)時(shí)的退出時(shí)動(dòng)畫
        getWindow().setReenterTransition(transition2); //重新進(jìn)入時(shí)動(dòng)畫
        getWindow().setEnterTransition(transition); //進(jìn)入時(shí)的動(dòng)畫
        getWindow().setReturnTransition(transition2); //返回時(shí)的退出動(dòng)畫
4诅需、頁(yè)面跳轉(zhuǎn)

Pair是共享動(dòng)畫的共享元素,沒(méi)有共享動(dòng)畫元素 可不傳荧库,下面再說(shuō)共享動(dòng)畫

 //Pair是共享動(dòng)畫的共享元素堰塌,沒(méi)有共享動(dòng)畫元素 可不傳
 Pair<View, String>[] pairs = TransitionHelper.createSafeTransitionParticipants(this, false, new Pair<View, String>(tv1, tv1.getTransitionName()));
                ActivityOptionsCompat aoc = ActivityOptionsCompat.makeSceneTransitionAnimation(this, pairs);
                startActivity(new Intent(this, TwoActivity.class), aoc.toBundle());

5、頁(yè)面關(guān)閉

supportFinishAfterTransition();
如果頁(yè)面沒(méi)有繼承AppCompatActivity分衫,就這樣寫

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            finishAfterTransition();
        } else
            super.finish();

上面用到的工具類场刑,主要是處理狀態(tài)欄和導(dǎo)航欄是否也要跟著動(dòng)畫

/**
 * Wing_Li
 * 2016/9/14.
 * 共享過(guò)渡動(dòng)畫加入狀態(tài)欄和導(dǎo)航欄,這樣頁(yè)面轉(zhuǎn)場(chǎng)動(dòng)畫時(shí) 狀態(tài)欄和導(dǎo)航欄 不會(huì)跟著動(dòng)
 */
public class TransitionHelper {
    /**
     * 創(chuàng)建所需的活動(dòng)過(guò)渡期間避免與系統(tǒng)UI小過(guò)渡的參與者蚪战。
     *
     * @param activity         The activity used as start for the transition.
     * @param includeStatusBar 如果是錯(cuò)誤的牵现,狀態(tài)欄將不會(huì)被添加為過(guò)渡參與者
     * @return All transition participants.
     */
    public static Pair<View, String>[] createSafeTransitionParticipants(@NonNull AppCompatActivity activity, boolean
            includeStatusBar, @Nullable Pair... otherParticipants) {
        // Avoid system UI glitches as described here:
        // https://plus.google.com/+AlexLockwood/posts/RPtwZ5nNebb
        View decor = activity.getWindow().getDecorView();
        View statusBar = null;
        if (includeStatusBar) {
            statusBar = decor.findViewById(android.R.id.statusBarBackground);
        }
        View navBar = decor.findViewById(android.R.id.navigationBarBackground);

        // 創(chuàng)建一對(duì)過(guò)渡參與者。
        List<Pair> participants = new ArrayList<>(3);
        addNonNullViewToTransitionParticipants(statusBar, participants);
        addNonNullViewToTransitionParticipants(navBar, participants);
        // only add transition participants if there's at least one none-null element
        // 只有添加過(guò)渡參與者邀桑,如果至少有一個(gè)非空元素
        if (otherParticipants != null && !(otherParticipants.length == 1 && otherParticipants[0] == null)) {
            participants.addAll(Arrays.asList(otherParticipants));
        }
        return participants.toArray(new Pair[participants.size()]);
    }

    private static void addNonNullViewToTransitionParticipants(View view, List<Pair> participants) {
        if (view == null) {
            return;
        }
        participants.add(new Pair<>(view, view.getTransitionName()));
    }

}

至此瞎疼,已經(jīng)實(shí)現(xiàn)了基本的轉(zhuǎn)場(chǎng)過(guò)渡動(dòng)畫了,
添加共享動(dòng)畫元素 :

兩個(gè)控件的屬性android:transitionName 的值 一樣即可:

1.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末壁畸,一起剝皮案震驚了整個(gè)濱河市贼急,隨后出現(xiàn)的幾起案子茅茂,更是在濱河造成了極大的恐慌,老刑警劉巖太抓,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件空闲,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡走敌,警方通過(guò)查閱死者的電腦和手機(jī)进副,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)悔常,“玉大人,你說(shuō)我怎么就攤上這事给赞』颍” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵片迅,是天一觀的道長(zhǎng)残邀。 經(jīng)常有香客問(wèn)我,道長(zhǎng)柑蛇,這世上最難降的妖魔是什么芥挣? 我笑而不...
    開(kāi)封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮耻台,結(jié)果婚禮上空免,老公的妹妹穿的比我還像新娘。我一直安慰自己盆耽,他們只是感情好蹋砚,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著摄杂,像睡著了一般坝咐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上析恢,一...
    開(kāi)封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天墨坚,我揣著相機(jī)與錄音,去河邊找鬼映挂。 笑死泽篮,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的袖肥。 我是一名探鬼主播咪辱,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼椎组!你這毒婦竟也來(lái)了油狂?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎专筷,沒(méi)想到半個(gè)月后弱贼,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡磷蛹,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年吮旅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片味咳。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡庇勃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出槽驶,到底是詐尸還是另有隱情责嚷,我是刑警寧澤,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布掂铐,位于F島的核電站罕拂,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏全陨。R本人自食惡果不足惜爆班,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辱姨。 院中可真熱鬧柿菩,春花似錦、人聲如沸雨涛。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)镜悉。三九已至祟辟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間侣肄,已是汗流浹背旧困。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留稼锅,地道東北人吼具。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像矩距,于是被迫代替她去往敵國(guó)和親拗盒。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容