使用Android的MotionLayout創建動畫

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

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

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

動畫的核心是在

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

<?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" />
    </Transition>

    <ConstraintSet android:id="@+id/start">
        <Constraint android:id="@+id/textView">
            <CustomAttribute motion:attributeName="textColor" motion:customColorValue="@color/black" />
        </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" />
            <CustomAttribute motion:attributeName="textColor" motion:customColorValue="@color/teal_700" />
        </Constraint>
    </ConstraintSet>

</MotionScene>

>此

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

的來完成的：

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

以執行代碼。

fun start(v: View) {
    val motionContainer = findViewById<MotionLayout>(R.id.motion_container)
    motionContainer.transitionToEnd()
}

>

TransitionListener

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

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