เปิดตัว Compose Adaptive Layouts 1.2 เวอร์ชันเบต้าเพื่อมอบความเป็นไปได้ใหม่ๆ

ด้วยรูปแบบใหม่ๆ ของอุปกรณ์ เช่น Pixel 10 Pro Fold ที่เข้าร่วมระบบนิเวศของ Android การพัฒนาแอปแบบปรับได้ จึงมีความสำคัญอย่างยิ่งต่อการสร้างประสบการณ์ของผู้ใช้คุณภาพสูงในโทรศัพท์ แท็บเล็ต และอุปกรณ์พับได้ ผู้ใช้คาดหวังให้ UI ของแอปปรับให้เข้ากับขนาดและรูปแบบต่างๆ เหล่านี้ได้อย่างราบรื่น

เราจึงประกาศเปิดตัวไลบรารี Compose Adaptive Layouts 1.2 อย่างเป็นทางการในเวอร์ชันเบต้า เพื่อช่วยให้คุณสร้างประสบการณ์แบบไดนามิกเหล่านี้ได้อย่างมีประสิทธิภาพมากขึ้น โดยเวอร์ชันนี้มีเครื่องมือใหม่ๆ ที่ทรงประสิทธิภาพในการสร้าง UI ที่สวยงามและตอบสนองได้ดีสำหรับระบบนิเวศของอุปกรณ์ที่ขยายตัวนี้

เครื่องมือใหม่ๆ ที่ทรงประสิทธิภาพสำหรับพื้นที่ทำงานที่ใหญ่ขึ้น

ไลบรารี Compose Adaptive Layouts เป็นชุดเครื่องมือพื้นฐานของเราสำหรับการสร้าง UI ที่ปรับให้เข้ากับขนาดหน้าต่างต่างๆ เวอร์ชันเบต้าใหม่นี้มาพร้อมฟีเจอร์ทรงประสิทธิภาพที่จะช่วยให้คุณสร้างเลย์เอาต์ที่ซับซ้อนได้โดยใช้โค้ดน้อยลง การเพิ่มที่สำคัญ ได้แก่

• กลยุทธ์เลย์เอาต์ใหม่ๆ ที่ทรงประสิทธิภาพ: เวอร์ชันเบต้ามาพร้อมกลยุทธ์เลย์เอาต์ใหม่ๆ เช่น การจัดเรียงใหม่ และ การลอย ซึ่งออกแบบมาเพื่อช่วยให้คุณสร้างเลย์เอาต์แบบไดนามิกที่ดูดีทั้งในจอแสดงผลด้านนอกและด้านในของอุปกรณ์ เช่น Pixel 10 Pro Fold, Galaxy Z Fold7 และ Z Flip7
• คลาสขนาดหน้าต่างใหม่: เวอร์ชันนี้เพิ่มการรองรับในตัวสำหรับคลาสขนาดหน้าต่างใหม่ ได้แก่ ขนาดใหญ่และขนาดใหญ่พิเศษ จุดพักหน้าจอใหม่เหล่านี้มีความสำคัญอย่างยิ่งต่อการออกแบบและทริกเกอร์การเปลี่ยนแปลง UI แบบหลายบานหน้าต่างที่สมบูรณ์บนหน้าจอขนาดใหญ่ เช่น แท็บเล็ตและอุปกรณ์พับได้ขนาดใหญ่

กลยุทธ์การปรับบานหน้าต่างใหม่ 2 แบบ ได้แก่ การจัดเรียงใหม่ (ซ้าย) และการลอย (ขวา)

ดูรายการการเปลี่ยนแปลงทั้งหมดได้ในเอกสารประกอบอย่างเป็นทางการของเวอร์ชัน สำรวจคำแนะนำเกี่ยวกับเลย์เอาต์มาตรฐานและการสร้างเลย์เอาต์บานหน้าต่างที่รองรับ

ดึงดูดผู้ใช้มากขึ้นในทุกหน้าจอ

การมีแนวคิดแบบปรับได้ไม่ได้เป็นเพียงแนวทางปฏิบัติแนะนำ แต่เป็นกลยุทธ์เพื่อการเติบโต เป้าหมายไม่ใช่แค่การทำให้แอปทำงานบนหน้าจอขนาดใหญ่ขึ้น แต่เป็นการทำให้แอปโดดเด่นด้วยการใช้งานที่ง่ายขึ้นสำหรับผู้ใช้ แทนที่จะยืดเลย์เอาต์แบบคอลัมน์เดียว ให้ลองคิดถึงวิธีใช้พื้นที่เพิ่มเติมเพื่อสร้างประสบการณ์ที่มีประสิทธิภาพและสมจริงยิ่งขึ้น

นี่คือหลักการสำคัญเบื้องหลังกลยุทธ์เลย์เอาต์แบบไดนามิก เช่น reflow ซึ่งเป็นฟีเจอร์ใหม่ที่ทรงประสิทธิภาพใน Compose Adaptive Layouts 1.2 เวอร์ชันเบต้าที่ออกแบบมาเพื่อช่วยคุณสร้าง UI เหล่านี้ ตัวอย่างเช่น จุดเริ่มต้นที่ดีคือการใช้เลย์เอาต์แบบหลายบานหน้าต่าง การแสดงรายการและมุมมองรายละเอียดที่เกี่ยวข้องแบบเคียงข้างกันจะช่วยลดการแตะและช่วยให้ผู้ใช้ทำงานได้เร็วขึ้น

การพัฒนาแบบปรับได้ที่คำนึงถึงผู้ใช้เช่นนี้จะช่วยเพิ่มการมีส่วนร่วมได้อย่างแท้จริง และดังที่เราได้เน้นย้ำใน #TheAndroidShow ตอนล่าสุด ผู้ใช้ที่ใช้แอปทั้งในโทรศัพท์และหน้าจอขนาดใหญ่มีส่วนร่วมมากขึ้นเกือบ 3 เท่า การสร้างแอปแบบปรับได้ไม่ได้ทำให้ผู้ใช้ปัจจุบันมีความสุขมากขึ้นเท่านั้น แต่ยังสร้างประสบการณ์ที่มีคุณค่าและน่าสนใจมากขึ้น ซึ่งจะสร้างความภักดีในระยะยาวและช่วยให้คุณเข้าถึงผู้ใช้ใหม่ๆ ได้

ระบบนิเวศของ Android ที่ขยายตัวจากอุปกรณ์พับได้ไปจนถึงเดสก์ท็อป

การเปลี่ยนแปลงไปสู่การออกแบบแบบปรับได้นี้ครอบคลุมทั้งระบบนิเวศของ Android ตั้งแต่ Pixel 10 Pro Fold รุ่นใหม่ไปจนถึงอุปกรณ์พับได้ Samsung Galaxy รุ่นล่าสุด นักพัฒนาแอปมีโอกาสดึงดูดฐานผู้ใช้ขนาดใหญ่ที่กำลังเติบโตบนอุปกรณ์หน้าจอขนาดใหญ่กว่า 500 ล้านเครื่อง

นี่จึงเป็นเหตุผลที่เรายังคงลงทุนในประสบการณ์การใช้งานที่มองการณ์ไกล เช่น Connected Displays ซึ่งปัจจุบันพร้อมให้ลองใช้ในเวอร์ชันตัวอย่างสำหรับนักพัฒนาแอป ฟีเจอร์นี้เปิดตัวแพลตฟอร์มและรูปแบบการโต้ตอบใหม่ๆ ให้แอปทำงานได้ ซึ่งช่วยให้ฟีเจอร์ระดับเดสก์ท็อปและเวิร์กโฟลว์แบบอินสแตนซ์หลายรายการเป็นจริงได้ ก่อนหน้านี้เราได้แชร์รายละเอียดเกี่ยวกับวิธีเริ่มต้นใช้งาน Connected Displays เวอร์ชันตัวอย่างสำหรับนักพัฒนาแอป และดูว่าฟีเจอร์นี้จะกำหนดอนาคตของประสบการณ์การใช้งานแบบหลายอุปกรณ์อย่างไร

การนำหลักการแบบปรับได้ไปใช้จริง

สำหรับนักพัฒนาแอปที่ต้องการเตรียมแอปให้พร้อมสำหรับอนาคตแบบปรับได้นี้ โปรดคำนึงถึงแนวทางปฏิบัติแนะนำที่สำคัญต่อไปนี้ แนวทางปฏิบัติแนะนำ

• ทำรายการ: ขั้นตอนแรกคือการดูว่าคุณอยู่ที่จุดใดในปัจจุบัน ทดสอบแอปในอุปกรณ์หน้าจอขนาดใหญ่หรือด้วยโปรแกรมจำลองที่ปรับขนาดได้ใน Android Studio เพื่อระบุส่วนที่ต้องปรับปรุง เช่น UI ที่ยืดออกหรือปัญหาด้านการใช้งาน
• รองรับเลย์เอาต์ที่เพิ่มประสิทธิภาพแล้ว: ใช้ไลบรารี เช่น Compose Adaptive Layouts เพื่อสร้าง UI ที่ปรับให้เข้ากับขนาดหน้าต่างและรูปแบบต่างๆ ของอุปกรณ์ แอปควรทำงานได้ดีทั้งในแนวตั้งและแนวนอนโดยไม่จำกัดการวางแนว
• คิดถึงการโต้ตอบที่มากกว่าการสัมผัส: ประสบการณ์แบบปรับได้ที่ยอดเยี่ยมหมายถึงการรองรับวิธีการป้อนข้อมูลทั้งหมด ซึ่งรวมถึงฟังก์ชันการทำงานพื้นฐานและรายละเอียดที่คำนึงถึงผู้ใช้ เช่น สถานะการวางเมาส์เหนือองค์ประกอบต่างๆ สำหรับเคอร์เซอร์ของเมาส์ เมนูตามบริบทเมื่อคลิกขวา และการรองรับแป้นพิมพ์ลัด

ศักยภาพของแอปไม่ได้จำกัดอยู่เพียงหน้าจอเดียวอีกต่อไป สำรวจแกลเลอรีการออกแบบสำหรับหน้าจอขนาดใหญ่และหลักเกณฑ์ด้านคุณภาพของแอปวันนี้เพื่อจินตนาการถึงศักยภาพของแอป รับแรงบันดาลใจและค้นหารูปแบบการออกแบบ คำแนะนำอย่างเป็นทางการ และแอปตัวอย่างที่คุณต้องใช้ในการสร้างแอปสำหรับอุปกรณ์พับได้และหน้าจอทุกประเภทที่developer.android.com/adaptive-apps