ย้ายข้อมูลไปยัง Compose สำหรับทีวี
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
หากต้องการย้ายข้อมูลจากชุดเครื่องมือ UI ของ Leanback ไปยัง Compose สำหรับ Android TV ให้ทำตามขั้นตอนต่อไปนี้
ประเมินการใช้งาน Leanback ปัจจุบันโดยระบุคอมโพเนนต์ที่ใช้อยู่ (รวมถึงคอมโพเนนต์ที่อยู่ในส่วนย่อยที่สร้างไว้ล่วงหน้า) และทําความเข้าใจโครงสร้าง UI และเส้นทางที่ข้อมูลไหลผ่านแอป
ย้ายข้อมูลหน้าจอแต่ละหน้าจอของแอปทีวีไปยัง Compose เพื่อให้คุณค่อยๆ เรียนรู้และปรับตัวให้เข้ากับ Compose ได้
แม้ว่าคุณจะใช้ทั้ง Leanback และ Compose ภายในแอปเดียวกันได้เพื่อดำเนินการย้ายข้อมูลทีละน้อย แต่ให้เริ่มต้นด้วยการแทนที่ทั้งกลุ่มย่อยทีละกลุ่ม โดยมีเป้าหมายเพื่อแปลงแอปพลิเคชันทีวีให้เป็นกิจกรรมเดียว
เริ่มต้นจากน้อย อย่าพยายามย้ายข้อมูลทั้งหมดในครั้งเดียว เริ่มต้นด้วยคอมโพเนนต์ขนาดเล็ก เช่น การตั้งค่าหรือหน้าจอบัญชี แล้วค่อยๆ ไปยังส่วนต่างๆ ของแอป
โปรดดูเอกสารประกอบและตัวอย่างในแหล่งข้อมูลที่ระบุไว้ในส่วนแหล่งข้อมูล
ใช้ประโยชน์จากคอมโพเนนต์เฉพาะจาก Compose สำหรับทีวีโดยใช้ไลบรารี Jetpack โปรดดูคู่มือการออกแบบเพื่อดูวิธีปรับแต่งและขยายคอมโพสิเบิลที่พร้อมใช้งานเพื่อสร้าง UI ทีวีที่สวยงาม
ปรับการจัดการข้อมูลและสถานะเพื่อรองรับรูปแบบการเขียนโปรแกรมแบบประกาศของ Compose การปรับตัวอาจต้องมีการเปลี่ยนวิธีจัดการข้อมูลและสถานะในแอป ใช้ ViewModel
และกลไกการจัดการสถานะภายในของ Jetpack Compose เพื่อจัดการข้อมูลและสถานะในแอป
ทดสอบและทำซ้ำเมื่อย้ายข้อมูลส่วนที่ซับซ้อนมากขึ้นของแอป
พูดคุยกับชุมชนนักพัฒนาแอป Android ที่ใช้งานอยู่บน Stackoverflow เพื่อแจ้งข้อบกพร่องที่คุณพบ หรือส่งข้อบกพร่องผ่านเครื่องมือติดตามข้อบกพร่องสาธารณะ
แหล่งข้อมูล
ไม่ว่าคุณจะเพิ่งเริ่มใช้ Compose หรืออยู่ระหว่างการย้ายข้อมูลไปยัง Compose อยู่แล้ว แหล่งข้อมูลจำนวนมากของเราพร้อมให้ความช่วยเหลือคุณในการเรียนรู้แนวทางปฏิบัติแนะนำในการสร้าง UI ของทีวีด้วยชุดเครื่องมือการพัฒนา Android ที่ทันสมัยอย่าง Jetpack Compose
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-27 UTC"],[],[],null,["# Migrate to Compose for TV\n\nTo migrate from the Leanback UI toolkit to Compose for Android TV, follow these steps:\n\n- **Assess your current Leanback implementation** by identifying the components\n you're using (including those that are provided inside the prefabricated\n fragments) and understanding how your UI is structured and how data flows\n through your app.\n\n- **Migrate individual screens** of your TV app to Compose so you can learn and adapt to Compose\n gradually.\n\n - While you can use both Leanback and Compose within the same app to allow for\n a gradual migration process, begin by replacing entire fragments at a time\n with a goal of converting your TV application into a single activity.\n\n - Start small. Don't try to migrate everything at once. Begin with smaller\n components like settings or account screens and gradually work your way\n through the app.\n\n - Refer to documentation and examples in the resources listed in the\n [Resources](#resources) section.\n\n- **Leverage dedicated components** from Compose for TV by using [the Jetpack\n libraries](/jetpack/androidx/releases/tv). Consult our [design guides](/design/ui/tv/guides/components) to explore\n how you can customize and extend ready-to-use composables to build\n beautiful TV UIs.\n\n- **Adapt your data and state management** to support the Compose [declarative\n programming paradigm](/develop/ui/compose/mental-model#paradigm). Adaptation might require changes in how you manage\n data and state in your app. Use [`ViewModel`](/reference/kotlin/androidx/lifecycle/ViewModel)\n and Jetpack Compose internal state management mechanisms to manage data and\n state in your app.\n\n- **[Test](/develop/ui/compose/testing) and iterate** as you migrate more complex parts of your app.\n\nEngage with the active Android [developer community on Stack\nOverflow](https://stackoverflow.com/questions/tagged/android-jetpack-compose-tv) for any bugs you encounter, or submit the bugs through\nour [public bug tracker](/jetpack/androidx/releases/tv#feedback).\n\nResources\n---------\n\nWhether you're new to Compose or are in the process of migrating to Compose\nalready, our large collection of resources are here to help you learn best\npractices for building TV UIs with the modern Android development toolkit,\nJetpack Compose:\n\n- [Compose for TV integration guides](/training/tv/playback/compose)\n- [TV design guides](/design/ui/tv/guides/components)\n- [Introduction to Compose for TV](/codelabs/compose-for-tv-introduction) codelab\n- [Library release notes](/jetpack/androidx/releases/tv)\n- [JetStream](https://github.com/android/tv-samples/tree/main/JetStreamCompose) video streaming sample app\n- [JetCaster](https://github.com/android/compose-samples/tree/main/Jetcaster/tv-app) audio streaming sample app\n- [Component samples](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:tv/samples/src/main/java/androidx/tv/samples/)"]]