การออกแบบสถาปัตยกรรมแอปเป็นสิ่งสําคัญที่ต้องพิจารณาเพื่อให้แอปมีความเสถียร ทดสอบได้ และดูแลรักษาได้ Android มีชุดไลบรารีและคอมโพเนนต์ที่จะช่วยคุณสร้างแอปตามแนวทางปฏิบัติแนะนำ
เส้นนำ
- ดูข้อมูลเบื้องต้นเกี่ยวกับการสร้างแอปที่มีประสิทธิภาพด้วยคู่มือเกี่ยวกับสถาปัตยกรรมแอป
- ปรับปรุงประสบการณ์ของผู้ใช้ด้วยการปรับแต่งการนําทางของแอป
- ลดการใช้ข้อความเทมเพลตที่ต้องใช้บ่อยๆ และทำให้โค้ดของคุณดูแลรักษาได้ง่ายขึ้นด้วยคำแนะนำเกี่ยวกับการแทรกDependency
ข่าวสารและวิดีโอล่าสุด
รองรับลิงก์หลายรายการในสตริงข้อความเดียว
Updated 22 กุมภาพันธ์ ค.ศ. 2025
คุณรองรับลิงก์หลายรายการในสตริงข้อความเดียวเพื่อให้ผู้ใช้มีตัวเลือกในการไปยังส่วนต่างๆ และเพิ่มการมีส่วนร่วมได้
จัดรูปแบบข้อความบางส่วน
Updated 22 กุมภาพันธ์ ค.ศ. 2025
คุณจัดรูปแบบข้อความบางส่วนเพื่อปรับปรุงความสามารถในการอ่าน เพิ่มประสบการณ์เชิงบวกของผู้ใช้ และส่งเสริมความคิดสร้างสรรค์ได้โดยใช้สีและแบบอักษร
ตรวจสอบอินพุตขณะที่ผู้ใช้พิมพ์
Updated 22 กุมภาพันธ์ ค.ศ. 2025
คุณสามารถตรวจสอบอินพุตขณะที่ผู้ใช้พิมพ์ในช่องข้อความ เช่น การป้อนชื่อ อีเมล ที่อยู่ หรือข้อมูลติดต่ออื่นๆ การตรวจสอบนี้ช่วยลดข้อผิดพลาดและช่วยประหยัดเวลาของผู้ใช้
โหลดและแสดงรูปภาพ
Updated 22 กุมภาพันธ์ ค.ศ. 2025
หากต้องการแสดงรูปภาพในแอปสำหรับเนื้อหาและเพื่อตอบสนองต่อการดําเนินการของผู้ใช้ ให้โหลดรูปภาพจากดิสก์หรือจากแหล่งที่มาภายนอกบนอินเทอร์เน็ต
ภาพเคลื่อนไหวใน Compose
Updated 6 กุมภาพันธ์ ค.ศ. 2025
ดูวิธีสร้างภาพเคลื่อนไหวสำหรับค่าสถานะ โดยใช้การเปลี่ยน สร้างภาพเคลื่อนไหวการเปลี่ยนแปลงระดับการมองเห็นหรือขนาด และภาพซ้อนกันโดยใช้ Compose animation API
สร้างการ์ดเป็นคอนเทนเนอร์
Updated 6 กุมภาพันธ์ ค.ศ. 2025
การ์ดเป็นคอนเทนเนอร์ Material Design สําหรับ UI
แสดงแถบแอปด้านบน
Updated 6 กุมภาพันธ์ ค.ศ. 2025
สร้างแถบแอปด้านบนเพื่อช่วยผู้ใช้ไปยังส่วนต่างๆ และเข้าถึงฟังก์ชันในแอปโดยใช้คอมโพสิชัน TopAppBar
แสดงแถบแอป
Updated 6 กุมภาพันธ์ ค.ศ. 2025
แถบแอปคือคอนเทนเนอร์ที่ด้านบนหรือด้านล่างของหน้าจอซึ่งมีฟีเจอร์หลักและรายการการนำทาง
แสดงภาพเคลื่อนไหว
Updated 6 กุมภาพันธ์ ค.ศ. 2025
คุณสร้างประสบการณ์การใช้งานที่โต้ตอบและดึงดูดผู้ใช้ให้มีส่วนร่วมมากขึ้นในแอปได้โดยโหลดไฟล์ที่วาดได้เพื่อแสดงภาพเคลื่อนไหว รูปภาพเคลื่อนไหวมีประโยชน์ในการสร้างตัวบ่งชี้การโหลด ตัวบ่งชี้ความสำเร็จหรือข้อผิดพลาด อำนวยความสะดวกในการพัฒนาเกม และฟังก์ชัน UI อื่นๆ อีกมากมาย
แสดงหรือซ่อนรหัสผ่านตามการเปิดตัวของผู้ใช้
Updated 6 กุมภาพันธ์ ค.ศ. 2025
คุณสามารถสร้างไอคอนเพื่อซ่อนหรือแสดงรหัสผ่านตามการเปิดตัวของผู้ใช้เพื่อเพิ่มความปลอดภัยและปรับปรุงประสบการณ์ของผู้ใช้
วาดข้อความใน "เขียน"
Updated 6 กุมภาพันธ์ ค.ศ. 2025
ดูวิธีใช้ Compose API ที่ออกแบบมาเพื่อวาดข้อความบนผืนผ้าใบโดยเฉพาะ ส่วนนี้แสดงโค้ดสำหรับวาดแบบอักษรอีโมจิในสี่เหลี่ยมผืนผ้ามน
สร้างตัวบ่งบอกสถานะความคืบหน้า
Updated 6 กุมภาพันธ์ ค.ศ. 2025
ตัวบ่งบอกสถานะความคืบหน้าจะแสดงสถานะของการดําเนินการ
จัดการการเปลี่ยนแปลงการกำหนดค่าแป้นพิมพ์แบบถอดได้
Updated 6 กุมภาพันธ์ ค.ศ. 2025
ดูวิธีจัดการการเปลี่ยนแปลงการกำหนดค่าแป้นพิมพ์แบบถอดได้
จำกัดการวางแนวของแอปในโทรศัพท์ แต่ไม่ได้จำกัดในอุปกรณ์ที่มีหน้าจอขนาดใหญ่
Updated 6 กุมภาพันธ์ ค.ศ. 2025
จำกัดการวางแนวของแอปในหน้าจอขนาดเล็ก แต่ไม่ได้จำกัดในหน้าจอขนาดใหญ่
แสดงรูปภาพที่ตัดเป็นรูปทรง
Updated 6 กุมภาพันธ์ ค.ศ. 2025
คุณสามารถวาดเงารอบๆ พื้นที่ที่ตัดออกของรูปภาพเพื่อให้แสดงรูปภาพในรูปทรงของคลิปได้
แสดงรายการการแบ่งหน้า
Updated 6 กุมภาพันธ์ ค.ศ. 2025
สร้างรายการการแบ่งหน้าเพื่อให้ผู้ใช้เลื่อนเพื่อเข้าถึงเนื้อหาที่ใหญ่เกินกว่าที่จะแสดงในหน้าจอเดียวได้ รายการการเลื่อนดูแนวนอนช่วยให้ผู้ใช้ไปยังส่วนต่างๆ ของเนื้อหา เช่น รูปภาพ สไลด์โชว์ หรือภาพสไลด์ของผลิตภัณฑ์ รายการแบบหน้าเว็บแนวตั้งมีประโยชน์สําหรับแอปที่มีเนื้อหามากซึ่งผู้ใช้อาจต้องเลื่อนดูรายการจํานวนมาก เช่น บทความ
เพิ่มสวิตช์ที่ผู้ใช้สลับได้
Updated 6 กุมภาพันธ์ ค.ศ. 2025
คุณสามารถใช้สวิตช์เปิด/ปิดเพื่อให้ผู้ใช้เลือกสถานะอย่างใดอย่างหนึ่งได้
การทดสอบใน Compose
Updated 6 กุมภาพันธ์ ค.ศ. 2025
สร้างการทดสอบ Jetpack Compose รายการแรก ดูวิธีใช้อาร์ติแฟกต์การทดสอบของ Compose เพื่อเขียนการทดสอบ UI, ใช้กฎการทดสอบ, ตัวค้นหา และการยืนยัน
สร้างชิปเพื่อแสดงเอนทิตีที่ซับซ้อน
Updated 6 กุมภาพันธ์ ค.ศ. 2025
คอมโพเนนต์ชิปแสดงเอนทิตีที่ซับซ้อน ซึ่งมักจะมีไอคอนและป้ายกำกับ
จัดการสถานะ WebView
Updated 6 กุมภาพันธ์ ค.ศ. 2025
จัดการสถานะของ WebView เมื่อมีการเปลี่ยนแปลงการกําหนดค่า
ปฏิเสธการสัมผัสสไตลัสด้วยฝ่ามือ
Updated 6 กุมภาพันธ์ ค.ศ. 2025
ปฏิเสธการสัมผัสสไตลัสด้วยฝ่ามือโดยไม่ตั้งใจ
แสดงคอมโพเนนต์แบบอินเทอร์แอกทีฟ
Updated 6 กุมภาพันธ์ ค.ศ. 2025
เลือกคอมโพเนนต์ที่เหมาะกับ UI และดูวิธีติดตั้งใช้งานในแอป
สร้างปุ่มการทำงานแบบลอย (FAB)
Updated 6 กุมภาพันธ์ ค.ศ. 2025
ปุ่มการทำงานแบบลอยช่วยให้ผู้ใช้ดำเนินการหลักในแอปได้
แสดงข้อความป๊อปอัปหรือคําขอข้อมูลจากผู้ใช้
Updated 6 กุมภาพันธ์ ค.ศ. 2025
กล่องโต้ตอบจะแสดงข้อความป๊อปอัปหรือขอข้อมูลจากผู้ใช้ในเลเยอร์เหนือเนื้อหาหลักของแอป
เลย์เอาต์ขั้นสูงในช่องการเขียน
Updated 6 กุมภาพันธ์ ค.ศ. 2025
ดูวิธีสร้างการออกแบบที่ซับซ้อนสำหรับเลย์เอาต์ Compose โดยเน้นที่ระยะของเลย์เอาต์และข้อจำกัด เลย์เอาต์ย่อย และค่าการวัดที่แท้จริง
เพิ่มประสิทธิภาพสำหรับหน้าจอขนาดใหญ่
Updated 6 กุมภาพันธ์ ค.ศ. 2025
เปิดใช้แอปเพื่อรองรับประสบการณ์การใช้งานที่เพิ่มประสิทธิภาพในแท็บเล็ต อุปกรณ์แบบพับได้ และอุปกรณ์ ChromeOS
สร้างเมนูแบบเลื่อนเข้าด้วยคอมโพเนนต์ลิ้นชักการนำทาง
Updated 6 กุมภาพันธ์ ค.ศ. 2025
ลิ้นชักการนำทางคือเมนูการนำทางแบบเลื่อนเข้า
สร้างตารางกริดที่เลื่อนได้
Updated 6 กุมภาพันธ์ ค.ศ. 2025
คุณจัดการชุดข้อมูลขนาดใหญ่และเนื้อหาแบบไดนามิกได้ด้วยตารางกริดแบบ Lazy ซึ่งช่วยปรับปรุงประสิทธิภาพของแอป คอมโพสิชันแบบกริดแบบเลื่อนช้าช่วยให้คุณแสดงรายการในคอนเทนเนอร์ที่เลื่อนได้ ซึ่งครอบคลุมหลายคอลัมน์หรือหลายแถว
สร้างคอมโพเนนต์สแคฟเฟิลดเพื่อยึด UI ไว้ด้วยกัน
Updated 6 กุมภาพันธ์ ค.ศ. 2025
โครงสร้างพื้นฐานจะยึดส่วนต่างๆ ของ UI เช่น แถบแอปและปุ่มการดำเนินการแบบลอยตัวไว้ด้วยกัน เพื่อให้แอปมีรูปลักษณ์และความรู้สึกที่สอดคล้องกัน