เปิดตัวความเป็นไปได้ใหม่ๆ ด้วย Compose Adaptive Layouts 1.2 เบต้า

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

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

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

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

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

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

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

ดึงดูดผู้ใช้ให้มีส่วนร่วมมากขึ้นในทุกหน้าจอ

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

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

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

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

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

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

การนำหลักการปรับเปลี่ยนไปใช้จริง

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

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

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