เอกสารนี้มีตัวอย่างวิธีใช้
MotionLayout
แต่ละตัวอย่างจะมีวิดีโอสาธิตการเคลื่อนที่ พร้อมกับ
สำหรับฉากและเลย์เอาต์การเคลื่อนไหว
การเคลื่อนไหวพื้นฐาน
ตัวอย่างนี้มีมุมมองเดียวที่คุณสามารถแตะแล้วลากเพื่อย้าย ในแนวนอน
แอตทริบิวต์ที่กำหนดเอง - backgroundColor
ตัวอย่างนี้คล้ายกับตัวอย่างการเคลื่อนไหวพื้นฐาน นอกจาก การเคลื่อนไหวพื้นฐาน สีพื้นหลังของมุมมองจะเปลี่ยนไปเมื่อมุมมองเคลื่อนที่
ImageFilterView - การเปลี่ยนรูปภาพ
ตัวอย่างนี้แสดงวิธีเปลี่ยนค่าความอิ่มตัวของ
ImageFilterView
ตำแหน่งคีย์เฟรม
ตัวอย่างนี้ใช้ <KeyFrameSet> เพื่อเปลี่ยนตำแหน่ง Y ของมุมมองระหว่าง
ภาพเคลื่อนไหว
การประมาณค่าในช่วงคีย์เฟรม
ตัวอย่างนี้สร้างขึ้นจากตัวอย่างตำแหน่งคีย์เฟรม การเพิ่มการหมุนและการปรับขนาดให้กับการเปลี่ยนมุมมอง
รอบคีย์เฟรม
ตัวอย่างนี้เพิ่มองค์ประกอบ <KeyCycle> เพื่อเพิ่มการเคลื่อนไหวแบบคลื่นให้กับมุมมอง
CoordinatorLayout (1/2)
ตัวอย่างนี้จะเพิ่ม MotionLayout ลงใน AppBarLayout ที่มีอยู่เพื่อเพิ่มการเคลื่อนไหว
กับแถบแอป ตัวอย่างนี้มีอธิบายเพิ่มเติมใน
ข้อมูลเบื้องต้นเกี่ยวกับ MotionLayout (ตอนที่ 3)
CoordinatorLayout (2/2)
ตัวอย่างนี้จะเพิ่ม MotionLayout ลงใน AppBarLayout ที่มีอยู่เพื่อเพิ่มการเคลื่อนไหว
กับแถบแอป
เลย์เอาต์ลิ้นชัก (1/2)
ตัวอย่างนี้แสดงวิธีเพิ่มการเคลื่อนไหวไปยัง DrawerLayout ตัวอย่างนี้คือ
อธิบายเพิ่มเติมใน
ข้อมูลเบื้องต้นเกี่ยวกับ MotionLayout (ตอนที่ 3)
เลย์เอาต์ลิ้นชัก (2/2)
ตัวอย่างนี้แสดงวิธีเพิ่มการเคลื่อนไหวไปยัง DrawerLayout
แผงด้านข้าง
ตัวอย่างนี้แสดงวิธีแสดงแผงด้านข้างเมื่อลากเนื้อหาหลัก พื้นที่ด้านขวา
พารัลแลกซ์
ตัวอย่างนี้แสดงพื้นหลังพารัลแลกซ์โดยที่มีพื้นหลังแตกต่างกัน เลเยอร์ต่างๆ เคลื่อนไหวด้วยความเร็วที่ต่างกัน
ดูเพจเจอร์
ตัวอย่างนี้แสดงวิธีการเพิ่มการเคลื่อนไหวเมื่อเลื่อนระหว่าง ViewPager แท็บ
ตัวอย่างนี้มีอธิบายเพิ่มเติมใน
ข้อมูลเบื้องต้นเกี่ยวกับ MotionLayout (ตอนที่ 3)
ViewPager - ล็อตเตอรี่
ตัวอย่างนี้แสดงวิธีการเพิ่มการเคลื่อนไหวเมื่อเลื่อนระหว่าง ViewPager แท็บ
การเคลื่อนไหวที่ซับซ้อน (1/3)
ตัวอย่างนี้รวมองค์ประกอบจากตัวอย่างก่อนหน้านี้เข้าด้วยกันเพื่อแสดงความซับซ้อน ภาพเคลื่อนไหว
การเคลื่อนไหวที่ซับซ้อน (2/3)
ตัวอย่างนี้รวมองค์ประกอบจากตัวอย่างก่อนหน้านี้เข้าด้วยกันเพื่อแสดงความซับซ้อน ภาพเคลื่อนไหว
การเคลื่อนไหวที่ซับซ้อน (3/3)
ตัวอย่างนี้รวมองค์ประกอบจากตัวอย่างก่อนหน้านี้เข้าด้วยกันเพื่อแสดงความซับซ้อน ภาพเคลื่อนไหว
การเปลี่ยน Fragment (1/2)
ตัวอย่างนี้แสดงวิธีใช้ MotionLayout เพื่อเปลี่ยนไปมาระหว่าง
ส่วนย่อย
การเปลี่ยน Fragment (2/2)
ตัวอย่างนี้แสดงวิธีใช้ MotionLayout เพื่อเปลี่ยนไปมาระหว่าง
ส่วนย่อย
ภาพเคลื่อนไหวที่คล้ายกับ YouTube
ตัวอย่างนี้แสดงให้เห็นการเปลี่ยนไปมาระหว่างมุมมองแบบกะทัดรัดกับแบบเต็มหน้าจอ กับเนื้อหาเพิ่มเติม
ทริกเกอร์คีย์
ตัวอย่างนี้แสดงวิธีแสดงและซ่อนปุ่มการทำงานแบบลอย การเปลี่ยนผ่านเกณฑ์ความคืบหน้า
หลายรัฐ
ตัวอย่างนี้แสดงวิธีใช้สถานะเพื่อกําหนดการเคลื่อนไหวที่จะใช้