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