使用Android的MotionLayout創建動畫

本教程演示瞭如何使用MotionLayout輕鬆地在Android應用中輕鬆動畫窗口小部件，這是對以前的更麻煩的方法的重大改進。 MotionLayout（CondernaintLayout 2.0及以上）的一部分簡化了創建自定義過渡。

開始，請確保您的佈局使用ConstraintLayout版本2.0.0或更高版本。 集成MotionLayout的最簡單方法是將Android Studio中的佈局視圖從“代碼”切換到“設計”或“拆分”視圖。 這揭示了組件樹面板，您可以在其中添加一個

元素。 我們將在MotionLayout>下方添加一個標記為“跳”的按鈕 - 單擊此按鈕將觸發動畫。 TextView

動畫的核心是在

>文件中定義的（例如，MotionScene）。此XML文件使用activity_main_scene.xml標籤來定義小部件的啟動和結束狀態。 這是一個簡化的示例：ConstraintSet

<code class="language-xml"><?xml version="1.0" encoding="utf-8"?>
<motionscene xmlns:android="http://schemas.android.com/apk/res/android" xmlns:motion="http://schemas.android.com/apk/res-auto">

    <transition motion:constraintsetend="@+id/end" motion:constraintsetstart="@+id/start" motion:duration="200" motion:motioninterpolator="easeIn">
        <onclick motion:targetid="@+id/button" motion:clickaction="transitionToEnd"></onclick>
    </transition>

    <constraintset android:id="@+id/start">
        <constraint android:id="@+id/textView">
            <customattribute motion:attributename="textColor" motion:customcolorvalue="@color/black"></customattribute>
        </constraint>
    </constraintset>

    <constraintset android:id="@+id/end">
        <constraint android:id="@+id/textView" android:scalex="2" android:scaley="2">
            <layout android:layout_marginbottom="40sp" android:layout_width="wrap_content" android:layout_height="wrap_content" motion:layout_constraintbottom_totopof="@id/button"></layout>
            <customattribute motion:attributename="textColor" motion:customcolorvalue="@color/teal_700"></customattribute>
        </constraint>
    </constraintset>

</motionscene></code>

>此

定義了一個過渡，該過渡將縮放到其大小的兩倍，並在單擊按鈕時更改其顏色。 MotionScene標籤觸發過渡。 TextView標籤指定初始（“ start”）和final（“ end”）狀態。 OnClick> 在活動的Kotlin代碼中，您需要觸發動畫。 這是通過引用ConstraintSet>和調用

的來完成的：

> MotionLayout transitionToEnd()對於更複雜的動畫，請考慮使用Android Studio的運動編輯器進行視覺設計。 這使您可以創建和預覽動畫，而無需手動編寫所有XML。 您還可以在動畫的各個階段添加

以執行代碼。

<code class="language-kotlin">fun start(v: View) {
    val motionContainer = findViewById<motionlayout>(R.id.motion_container)
    motionContainer.transitionToEnd()
}</motionlayout></code>

>

TransitionListener

>這種方法提供了對動畫的顆粒狀控制，可以在動畫生命週期內進行複雜的過渡和事件處理。切記用實際圖像路徑替換佔位符圖像URL。

以上是使用Android的MotionLayout創建動畫的詳細內容。更多資訊請關注PHP中文網其他相關文章！