Android 過渡動畫原來可以這樣寫

關(guān)鍵類

android.transition.TransitionManager
android.transition.Transition 抽象類
- TransitionSet
  - AutoTransition
- ChangeBounds
- Visibility 抽象類
  - Fade
  - Explode （ design 包中無適配）
  - Slide （ design 包中無適配）
- TextScale
- ChangeClipBounds （ design 包中無適配）
- ChangeImageTransform （ design 包中無適配）
- ChangeScroll （ design 包中無適配）
- ChangeTransform （ design 包中無適配）

介紹

Visibility 抽象類的子類：Fade女坑， Explode换棚， Slide 動畫作用于 View 的 Visibility 屬性改變的時候。

適配

對應(yīng)的適配包在designcom.android.support:design:x.x.x包中

compile 'com.android.support:design:25.0.0'

更好的適配方案： (使用的時候注意導(dǎo)包 com.transitionseverywhere.xxx)

compile "com.andkulikov:transitionseverywhere:1.6.9"

上代碼

下面的例子使用適配包 compile "com.andkulikov:transitionseverywhere:1.6.9" 測試系統(tǒng) Android4.1

默認(rèn)效果

布局關(guān)鍵代碼：

<LinearLayout
    android:id="@+id/ll_container_one"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical">

    <Button
        android:id="@+id/btn_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fad"/>

    <TextView
        android:id="@+id/tv_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="Transitions are awesome!"
        android:visibility="gone"/>

</LinearLayout>

`Activity`中代碼：

final LinearLayout transitionsContainer = (LinearLayout) findViewById(R.id.ll_container_one);
final TextView text = (TextView) findViewById(R.id.tv_one);
final Button button = (Button) findViewById(R.id.btn_one);

button.setOnClickListener(v -> {
    TransitionManager.beginDelayedTransition(transitionsContainer);

    if (text.getVisibility() == View.VISIBLE) {
        text.setVisibility(View.GONE);
    } else {
        text.setVisibility(View.VISIBLE);
    }
});

最終效果：

默認(rèn)效果

代碼解釋

TransitionManager 中的 beginDelayedTransition 方法：

public static void beginDelayedTransition(final ViewGroup sceneRoot){...}
public static void beginDelayedTransition(final ViewGroup sceneRoot, Transition transition) {...}

方法一：效果如上面的默認(rèn)效果
方法二：參數(shù)而用于定制動畫效果翼虫，參數(shù)為 Transition 的子類毁涉，常用的有：Fade, ChangeBounds, Slide,

對用畫具體效果做定制： 設(shè)置動畫時間沉帮，設(shè)置動畫加速度，設(shè)置動畫延時

transition.setDuration(300);
transition.setInterpolator(new FastOutSlowInInterpolator());
transition.setStartDelay(200);

Fade 淡出淡入

布局如上更改`Activity`中代碼：

final LinearLayout transitionsContainer = (LinearLayout) findViewById(R.id.ll_container_one);
final TextView text = (TextView) findViewById(R.id.tv_one);
final Button button = (Button) findViewById(R.id.btn_one);

button.setOnClickListener(v -> {
    Fade fade = new Fade();
    TransitionManager.beginDelayedTransition(transitionsContainer贫堰， fade);

    if (text.getVisibility() == View.VISIBLE) {
        text.setVisibility(View.GONE);
    } else {
        text.setVisibility(View.VISIBLE);
    }
});

最終效果

Fade效果

Slide 移動

布局如上更改`Activity`中代碼：

final LinearLayout transitionsContainer = (LinearLayout) findViewById(R.id.ll_container_one);
final TextView text = (TextView) findViewById(R.id.tv_one);
final Button button = (Button) findViewById(R.id.btn_one);

button.setOnClickListener(v -> {
    // Slide slide = new Slide();
    Slide slide = new Slide(Gravity.RIGHT);
    TransitionManager.beginDelayedTransition(transitionsContainer, slide);

    if (text.getVisibility() == View.VISIBLE) {
        text.setVisibility(View.GONE);
    } else {
        text.setVisibility(View.VISIBLE);
    }
});

最終效果

Slide

Slide 構(gòu)造方法

/**
 * Constructor using the default {@link Gravity#BOTTOM}
 * slide edge direction.
 */
public Slide() {
    setSlideEdge(Gravity.BOTTOM);
}

設(shè)置滑出方向：

/**
 * Constructor using the provided slide edge direction.
 */
public Slide(@GravityFlag int slideEdge) {
    setSlideEdge(slideEdge);
}

Scale 縮放

布局如上更改`Activity`中代碼：

final LinearLayout transitionsContainer = (LinearLayout) findViewById(R.id.ll_container_one);
final TextView text = (TextView) findViewById(R.id.tv_one);
final Button button = (Button) findViewById(R.id.btn_one);

button.setOnClickListener(v -> {
    // Scale scale = new Scale();
    Scale scale = new Scale(0.7f);
    TransitionManager.beginDelayedTransition(transitionsContainer, scale);

    if (text.getVisibility() == View.VISIBLE) {
        text.setVisibility(View.GONE);
    } else {
        text.setVisibility(View.VISIBLE);
    }
});

最終效果

Scale

Scale 構(gòu)造方法

public Scale() {
 }

/**
 * @param disappearedScale Value of scale on start of appearing or in finish of disappearing.
 *                         Default value is 0. Can be useful for mixing some Visibility
 *                         transitions, for example Scale and Fade
 */
public Scale(float disappearedScale) {
    setDisappearedScale(disappearedScale);
}

參數(shù)設(shè)置了縮放起始值或者最終值穆壕。

TransitionSet 動畫集合

final LinearLayout transitionsContainer = (LinearLayout) findViewById(R.id.ll_container_one);
final TextView text = (TextView) findViewById(R.id.tv_one);
final Button button = (Button) findViewById(R.id.btn_one);

button.setOnClickListener(v -> {

    TransitionSet set = new TransitionSet()
            .addTransition(new Scale(0.7f))
            .addTransition(new Fade())
            .setInterpolator(visible ? new LinearOutSlowInInterpolator() :
                    new FastOutLinearInInterpolator());

    TransitionManager.beginDelayedTransition(transitionsContainer, set);

    if (text.getVisibility() == View.VISIBLE) {
        text.setVisibility(View.GONE);
    } else {
        text.setVisibility(View.VISIBLE);
    }
});

最終效果

TransitionSet

Recolor 顏色漸變

空間的背景色或者文字顏色改變的動畫

布局

<LinearLayout
    android:id="@+id/ll_container_recolor"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical"
    android:visibility="visible">


    <Button
        android:id="@+id/btn_recolor"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Recolor"/>

    <Button
        android:id="@+id/btn_normal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="Normal"
        android:visibility="visible"/>

</LinearLayout>

`Activity` 代碼

final ViewGroup transitionsContainerRecolor = (ViewGroup) findViewById(R.id.ll_container_recolor);
final Button btnRecolor = (Button) findViewById(R.id.btn_recolor);
final Button btnNormal = (Button) findViewById(R.id.btn_normal);

int green = getResources().getColor(R.color.green);
int white = getResources().getColor(R.color.white);
int grey = getResources().getColor(R.color.grey);

btnRecolor.setOnClickListener(v -> {
    TransitionManager.beginDelayedTransition(transitionsContainerRecolor, new Recolor());
//            btnRecolor.setBackgroundColor(visible ? green : white); // 無動畫效果
    btnRecolor.setTextColor(visible ? white : grey);
//            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
//                btnRecolor.setBackground(new ColorDrawable(visible ? green : white));
//            } else {
    btnRecolor.setBackgroundDrawable(new ColorDrawable(visible ? green : white));
//            }
    visible = !visible;
});

btnNormal.setOnClickListener(v -> {
    btnNormal.setBackgroundColor(visible ? green : white);
    btnNormal.setTextColor(visible ? white : green);
    visible = !visible;
});

注意： btnRecolor.setBackgroundColor(visible ? green : white); // 無動畫效果 通過 setBackgroundColor 背景色時沒有動畫效果，可以使用 setBackground, setBackgroundDrawable

最終效果

ReColor

Rotate 旋轉(zhuǎn)

布局

<LinearLayout
    android:id="@+id/ll_container_rotate"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical"
    android:visibility="visible">


    <Button
        android:id="@+id/btn_rotate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Rotate"/>

    <ImageView
        android:id="@+id/iv_rotate"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginTop="10dp"
        android:src="@drawable/ic_clear_black_24dp"
        android:visibility="visible"/>

</LinearLayout>

`Activity` 代碼

final ViewGroup transitionsContainerRotate = (ViewGroup) findViewById(R.id.ll_container_rotate);
final Button btnRotate = (Button) findViewById(R.id.btn_rotate);
ImageView ivRotate = (ImageView) findViewById(R.id.iv_rotate);

btnRotate.setOnClickListener(v -> {
    TransitionManager.beginDelayedTransition(transitionsContainerRotate, new Rotate());
    ivRotate.setRotation(isRotated ? 0 : 135);
    isRotated = !isRotated;
});

最終效果

Rotate

ChangeText 文字改變時動畫

布局

<LinearLayout
    android:id="@+id/ll_container_change_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical"
    android:visibility="visible">

    <Button
        android:id="@+id/btn_change_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ChangeText"/>

    <TextView
        android:id="@+id/tv_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="Transitions are awesome!"
        android:visibility="visible"/>

</LinearLayout>

`Activity` 代碼

final LinearLayout transitionsContainerChangeText = (LinearLayout) findViewById(R.id.ll_container_change_text);
final TextView tvText = (TextView) findViewById(R.id.tv_text);
final Button btnChangeText = (Button) findViewById(R.id.btn_change_text);
String secText = " Second Text";
String firstText = "First Text";

btnChangeText.setOnClickListener(v -> {
    TransitionManager.beginDelayedTransition(transitionsContainerChangeText,
            new ChangeText().setChangeBehavior(ChangeText.CHANGE_BEHAVIOR_OUT_IN));

    tvText.setText(isFirstText ? secText : firstText);
    isFirstText = !isFirstText;

});

最終效果

ChangeText

TransitionName 制作打亂動畫

使用場景：

需要動態(tài)生成 ViewGroup 的子 View 其屏，并且子 View 內(nèi)容需要更新時
需要制作隨機(jī)時

布局

注意：這里把 Button 移到了 LinearLayout 的外面喇勋，原因是一會創(chuàng)建子 View 的時候會先刪除所有子 View（Button 也會被刪除）。

<Button
    android:id="@+id/btn_transition_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="打亂"/>


<LinearLayout
    android:id="@+id/ll_container_transition_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical"
    android:visibility="visible">

`Activity` 代碼

// TransitionName 做打亂動畫
final LinearLayout transitionsContainerTransitionName = (LinearLayout) findViewById(R.id.ll_container_transition_name);
final Button btnTransitionName = (Button) findViewById(R.id.btn_transition_name);

LayoutInflater inflater = LayoutInflater.from(this);
ArrayList<String> titles = new ArrayList<>();
for (int i = 0; i < 4; i++) {
    titles.add(String.format(Locale.CHINA, "Item %d", i));
}
createViews(inflater, transitionsContainerTransitionName, titles);

btnTransitionName.setOnClickListener(v -> {
    TransitionManager.beginDelayedTransition(transitionsContainerTransitionName, new ChangeBounds());
    Collections.shuffle(titles);
    createViews(inflater, transitionsContainerTransitionName, titles);
});

// 獨立的方法
// In createViews we should provide transition name for every view.
private static void createViews(LayoutInflater inflater, ViewGroup layout, List<String> titles) {
    layout.removeAllViews();
    for (String title : titles) {
        TextView textView = (TextView) inflater.inflate(R.layout.text_view, layout, false);
        textView.setText(title);
        TransitionManager.setTransitionName(textView, title);
        layout.addView(textView);
    }
}

最終效果

TransitionName

Explode and Propagation 爆炸和傳播

爆炸效果偎行，和移動過渡動畫比較相似川背，不過子 View 的移動方向是由其所在的位置決定的。子 View 的移動方向需要通過計算得到（通過 setEpicenterCallback 方法）

關(guān)鍵代碼

這個例子使用 RecyclerView 和 GridLayoutManager 做基本布局蛤袒，點擊里面的 item 讓其消失熄云。

public void onClick(View clickedView) {
    // save rect of view in screen coordinates
    final Rect viewRect = new Rect();
    clickedView.getGlobalVisibleRect(viewRect);

    // create Explode transition with epicenter
    Transition explode = new Explode()
        .setEpicenterCallback(new Transition.EpicenterCallback() {
            @Override
            public Rect onGetEpicenter(Transition transition) {
                return viewRect;
            }
        });
    explode.setDuration(1000);
    TransitionManager.beginDelayedTransition(recyclerView, explode);

    // remove all views from Recycler View
    recyclerView.setAdapter(null);
}

最終效果

Exlode

ChangeImageTransform

Path (Curved) motion 路徑過渡動畫

所有的過渡動畫都需要兩個值：起始值和結(jié)束值

比如：通過 ChangeBounds 來改變 view 的位置，通過 setPathMotion 來提供路徑

布局代碼

<FrameLayout
    android:id="@+id/fl_container_path_motion"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <Button
        android:id="@+id/btn_path_motion"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Path Motion"/>


</FrameLayout>

`Activity` 代碼

// path motion 路徑過渡動畫
final FrameLayout transitionsContainerPathMotion = (FrameLayout) findViewById(R.id.fl_container_path_motion);
Button btnPathMotion = (Button) findViewById(R.id.btn_path_motion);

btnPathMotion.setOnClickListener(v -> {

    TransitionManager.beginDelayedTransition(transitionsContainerPathMotion,
            new ChangeBounds().setPathMotion(new ArcMotion()).setDuration(500));

    FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) btnPathMotion.getLayoutParams();
    params.gravity = isReturnAnimation ? (Gravity.LEFT | Gravity.TOP) :
            (Gravity.BOTTOM | Gravity.RIGHT);
    btnPathMotion.setLayoutParams(params);
    isReturnAnimation = !isReturnAnimation;

});

這里通過 LayoutParams 來控制 Button 在其父控件中的位置妙真。

最終效果

Path Motion

Targets 設(shè)置動畫的目標(biāo)對象

小總結(jié)

定義動畫：

TransitionManager.beginDelayedTransition( viewGroup, transition);

默認(rèn)情況下缴允，這里的 transition 動畫會作用于 viewGroup 中的所有子 View

當(dāng)我們需要在一個 ViewGroup 中定義多個動畫，作用于不同的子 View 該如何做珍德？

比如讓一個 TextView 移動练般，另一個 TextView 淡出

布局

<LinearLayout
           android:id="@+id/ll_container_target"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:gravity="center"
           android:orientation="vertical"
           android:visibility="visible">

           <Button
               android:id="@+id/btn_target"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Target"/>

           <TextView
               android:id="@+id/tv_target_fade"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_marginTop="16dp"
               android:text="Transitions are awesome fade!"
               android:visibility="visible"/>

           <TextView
               android:id="@+id/tv_target_slide"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_marginTop="16dp"
               android:text="Transitions are awesome slide!"
               android:visibility="visible"/>

       </LinearLayout>

`Activity` 代碼

// Targets 設(shè)置動畫的目標(biāo)對象
 final LinearLayout transitionsContainerTarget = (LinearLayout) findViewById(R.id.ll_container_target);
 final Button btnTarget = (Button) findViewById(R.id.btn_target);
 final TextView tvFade = (TextView) findViewById(R.id.tv_target_fade);
 final TextView tvSlide = (TextView) findViewById(R.id.tv_target_slide);


 btnTarget.setOnClickListener(v -> {
     Slide slide = new Slide(Gravity.RIGHT);
     slide.excludeTarget(tvFade, true);

     Fade fade = new Fade();
     fade.excludeTarget(tvSlide, true);

     TransitionSet transitionSet = new TransitionSet()
             .addTransition(slide)
             .addTransition(fade);

     TransitionManager.beginDelayedTransition(transitionsContainerTarget, transitionSet);

     if (tvFade.getVisibility() == View.VISIBLE) {
         tvFade.setVisibility(View.GONE);
         tvSlide.setVisibility(View.GONE);
     } else {
         tvFade.setVisibility(View.VISIBLE);
         tvSlide.setVisibility(View.VISIBLE);
     }

 });

最終效果

Target處理

transition 其他有關(guān) target 方法

Methods to add target:

addTarget(View target)?—?view itself
addTarget(int targetViewId)?—?id of view
addTarget(String targetName)?—?do you remember about method TransitionManager.setTransitionName?
addTarget(Class targetType)?—?for example android.widget.TextView.class

To remove target:

removeTarget(View target)
removeTarget(int targetId)
removeTarget(String targetName)
removeTarget(Class target)

To exclude some views:

excludeTarget(View target, boolean exclude)
excludeTarget(int targetId, boolean exclude)
excludeTarget(Class type, boolean exclude)
excludeTarget(Class type, boolean exclude)

And for excluding all children of some ViewGroup:

excludeChildren(View target, boolean exclude)
excludeChildren(int targetId, boolean exclude)
excludeChildren(Class type, boolean exclude)

使用 xml 創(chuàng)建 Transition

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:app="http://schemas.android.com/apk/res-auto"
              app:transitionOrdering="together"
              app:duration="400">
    <changeBounds/>
    <changeImageTransform/>
    <fade
       app:fadingMode="fade_in"
       app:startDelay="200">
        <targets>
            <target app:targetId="@id/transition_title"/>
        </targets>
    </fade>
</transitionSet>

使用

TransitionInflater.from(getContext()).inflateTransition(R.anim.my_the_best_transition);

Activity and Fragment transitions

Custom Transitions

上面所有代碼在：github

參考：

Animate all the things. Transitions in Android
原作者github

最后編輯于：2017.12.04 06:50:16

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末健蕊，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子踢俄，更是在濱河造成了極大的恐慌，老刑警劉巖晴及，帶你破解...
沈念sama閱讀 206,126評論 6贊 481
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件都办，死亡現(xiàn)場離奇詭異，居然都是意外死亡虑稼，警方通過查閱死者的電腦和手機(jī)琳钉，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 88,254評論 2贊 382
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來蛛倦，“玉大人歌懒，你說我怎么就攤上這事∷莺” “怎么了及皂？”我有些...
開封第一講書人閱讀 152,445評論 0贊 341
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長且改。經(jīng)常有香客問我验烧，道長，這世上最難降的妖魔是什么又跛？我笑而不...
開封第一講書人閱讀 55,185評論 1贊 278
?港島之戀（遺憾婚禮）
正文為了忘掉前任碍拆，我火速辦了婚禮，結(jié)果婚禮上慨蓝，老公的妹妹穿的比我還像新娘感混。我一直安慰自己，他們只是感情好礼烈，可當(dāng)我...
茶點故事閱讀 64,178評論 5贊 371
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布弧满。她就那樣靜靜地躺著，像睡著了一般此熬。火紅的嫁衣襯著肌膚如雪谱秽。梳的紋絲不亂的頭發(fā)上，一...
開封第一講書人閱讀 48,970評論 1贊 284
城市分裂傳說
那天摹迷，我揣著相機(jī)與錄音疟赊，去河邊找鬼。笑死峡碉，一個胖子當(dāng)著我的面吹牛近哟，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播鲫寄，決...
沈念sama閱讀 38,276評論 3贊 399
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼吉执，長吁一口氣：“原來是場噩夢啊……” “哼疯淫！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起戳玫，我...
開封第一講書人閱讀 36,927評論 0贊 259
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤熙掺，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后咕宿，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體币绩，經(jīng)...
沈念sama閱讀 43,400評論 1贊 300
?護(hù)林員之死
正文獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 35,883評論 2贊 323
?白月光啟示錄
正文我和宋清朗相戀三年府阀，在試婚紗的時候發(fā)現(xiàn)自己被綠了缆镣。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點故事閱讀 37,997評論 1贊 333
活死人
序言：一個原本活蹦亂跳的男人離奇死亡试浙，死狀恐怖董瞻，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情田巴，我是刑警寧澤钠糊，帶...
沈念sama閱讀 33,646評論 4贊 322
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站壹哺，受9級特大地震影響眠蚂，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜斗躏，卻給世界環(huán)境...
茶點故事閱讀 39,213評論 3贊 307
男人毒藥：我在死后第九天來索命
文/蒙蒙一逝慧、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧啄糙，春花似錦笛臣、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,204評論 0贊 19
一樁弒父案沈堡，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至燕雁，卻和暖如春诞丽，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背拐格。一陣腳步聲響...
開封第一講書人閱讀 31,423評論 1贊 260
情欲美人皮
我被黑心中介騙來泰國打工僧免，沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人捏浊。一個月前我還...
沈念sama閱讀 45,423評論 2贊 352
代替公主和親
正文我出身青樓懂衩，卻偏偏與公主長得像，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子浊洞，可洞房花燭夜當(dāng)晚...
茶點故事閱讀 42,722評論 2贊 345

Android 過渡動畫原來可以這樣寫

關(guān)鍵類

介紹

適配

上代碼

默認(rèn)效果

布局關(guān)鍵代碼：

Activity中代碼：

最終效果：

代碼解釋

Fade 淡出淡入

布局如上 更改Activity中代碼：

最終效果

Slide 移動

布局如上 更改Activity中代碼：

最終效果

Slide 構(gòu)造方法

Scale 縮放

布局如上 更改Activity中代碼：

最終效果

Scale 構(gòu)造方法

TransitionSet 動畫集合

最終效果

Recolor 顏色漸變

布局

Activity 代碼

最終效果

Rotate 旋轉(zhuǎn)

布局

Activity 代碼

最終效果

ChangeText 文字改變時動畫

布局

Activity 代碼

最終效果

TransitionName 制作 打亂動畫

布局

Activity 代碼

最終效果

Explode and Propagation 爆炸和傳播

關(guān)鍵代碼

最終效果

ChangeImageTransform

Path (Curved) motion 路徑過渡動畫

布局代碼

Activity 代碼

最終效果

Targets 設(shè)置動畫的目標(biāo)對象

小總結(jié)

比如 讓一個 TextView 移動练般， 另一個 TextView 淡出

布局

Activity 代碼

最終效果

transition 其他有關(guān) target 方法

使用 xml 創(chuàng)建 Transition

Activity and Fragment transitions

Custom Transitions

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

`Activity`中代碼：

布局如上更改`Activity`中代碼：

布局如上更改`Activity`中代碼：

布局如上更改`Activity`中代碼：

`Activity` 代碼

`Activity` 代碼

`Activity` 代碼

TransitionName 制作打亂動畫

`Activity` 代碼

`Activity` 代碼

比如讓一個 TextView 移動练般，另一個 TextView 淡出

`Activity` 代碼