Jetpack Compose ช่วยให้คุณออกแบบเลย์เอาต์ที่มีประสิทธิภาพสำหรับแอปได้อย่างง่ายดาย
หน้าต่อไปนี้มีรายละเอียดเกี่ยวกับวิธีออกแบบและใช้เลย์เอาต์
- ข้อมูลเบื้องต้นเกี่ยวกับเลย์เอาต์: ดูข้อมูลเกี่ยวกับองค์ประกอบพื้นฐานในการสร้าง UI ของแอปที่เข้าใจง่าย
- คอมโพเนนต์และเลย์เอาต์ Material: ดูข้อมูลเกี่ยวกับคอมโพเนนต์และเลย์เอาต์ Material ใน Compose
- เลย์เอาต์ที่กำหนดเอง: ดูวิธีควบคุมเลย์เอาต์ของแอปและวิธีออกแบบเลย์เอาต์ที่กำหนดเอง
- รองรับขนาดการแสดงผลที่แตกต่างกัน: ดูวิธีใช้ Compose เพื่อสร้างเลย์เอาต์ที่ปรับให้เหมาะกับขนาดหน้าจอ การวางแนว และรูปแบบต่างๆ
- เส้นการจัดตำแหน่ง: ดูวิธีสร้างเส้นการจัดตำแหน่งที่กำหนดเองเพื่อจัดตำแหน่งและวางองค์ประกอบ UI ให้แม่นยำ
- การวัดค่าโดยประมาณ: ดูวิธีตั้งค่าความสูงหรือความกว้างโดยประมาณสำหรับองค์ประกอบ UI ซึ่งจะช่วยให้คุณควบคุมการจัดเรียงองค์ประกอบในเลย์เอาต์ได้อย่างละเอียด
- ConstraintLayout: ดูวิธีใช้
ConstraintLayoutใน UI ของ Compose
ดูข้อมูลเพิ่มเติม
ใหม่ ลองใช้คู่มือฉบับย่อเพื่อให้ได้รับประสบการณ์การใช้งานเนื้อหาที่รวดเร็วและตรงจุด
ดูข้อมูลเพิ่มเติมเกี่ยวกับเลย์เอาต์ Compose ได้ที่เลย์เอาต์ใน Jetpack Compose codelab
แนะนำสำหรับคุณ
- หมายเหตุ: ข้อความลิงก์จะแสดงเมื่อ JavaScript ปิดอยู่
- เริ่มต้นใช้งาน Jetpack Compose
- ConstraintLayout ใน Compose