เพิ่มประสิทธิภาพแอปสำหรับอุปกรณ์ Samsung Galaxy รุ่นถัดไป

วันนี้ในงาน Galaxy Unpacked ทาง Samsung ได้เปิดตัวอุปกรณ์แบบพับได้และอุปกรณ์สวมใส่ได้รุ่นล่าสุด สำหรับนักพัฒนาแอป หมายความว่ารูปแบบของอุปกรณ์ ขนาดหน้าจอ และท่าทางของอุปกรณ์ที่แอปของคุณต้องรองรับจะขยายออกไปอีกครั้ง

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

ออกแบบสถาปัตยกรรมเลย์เอาต์ใหม่สำหรับจอแสดงผลแบบไดนามิก รวมถึงอุปกรณ์พับได้แบบกว้างพิเศษ

การสร้างแอปสำหรับอุปกรณ์พับได้รุ่นล่าสุดหมายถึงการละทิ้งสมมติฐานเกี่ยวกับการวางแนวและขนาดของจอแสดงผล โดยเฉพาะอย่างยิ่งสำหรับ Galaxy Z Fold8 ที่ใช้จอแสดงผลแบบกว้างพิเศษ ซึ่งเพิ่มสัดส่วนภาพที่หลากหลายให้พิจารณา  อุปกรณ์ที่มีการวางแนวตามธรรมชาติเป็นแนวนอนก่อนจะแสดงข้อจำกัดของกฎเลย์เอาต์ที่ฮาร์ดโค้ดไว้เมื่อผู้ใช้กางอุปกรณ์ ด้วยเหตุนี้ เราจึงได้เปิดตัวคำแนะนำเฉพาะสำหรับการสร้างแอปสำหรับอุปกรณ์พับได้แนวนอนและอุปกรณ์พับสามทบ

หากต้องการสร้าง UI ที่ตอบสนองซึ่งจัดการฟิสิกส์เหล่านี้ได้อย่างราบรื่น ให้มุ่งเน้นที่เสาหลักต่อไปนี้

• สร้างเลย์เอาต์แบบปรับเปลี่ยนได้ที่ลื่นไหล: สัดส่วนภาพแบบกว้างและความสูงแนวตั้งแบบกะทัดรัดต้องใช้ UI ที่ลื่นไหลซึ่งปรับขนาดได้ตามการตอบสนอง คำแนะนำด้านการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ที่อัปเดตแล้วของเราแนะนำให้พิจารณาความกว้างของคลาสหน้าต่างก่อนเพื่อกำหนดการเปลี่ยนแปลงเลย์เอาต์ จากนั้นจึงปรับความสูง หากต้องการให้คอมโพเนนต์แต่ละรายการปรับให้เข้ากับกริดได้อย่างราบรื่น ให้จัดโครงสร้างเลย์เอาต์โดยใช้คอนเทนเนอร์ที่ยืดหยุ่นซึ่งช่วยให้เนื้อหาตัดคำ ครอบคลุม และจัดเรียงใหม่ได้โดยอัตโนมัติ หากต้องการแรงบันดาลใจในการออกแบบ ให้เรียกดูแอปตัวอย่างแบบปรับได้และแกลเลอรีการออกแบบแบบ 2 หน้าจอ
• ติดตามพื้นที่แอปจริง: พื้นที่แสดงผลของแอปมักไม่ตรงกับขนาดอุปกรณ์จริง โดยเฉพาะอย่างยิ่งบนหน้าจอแบบไวด์พิเศษในสถานะหลายหน้าต่าง หน้าจอแยก หรือมัลติทาสก์ บางครั้งแม้แต่การวางแนวก็ยังแตกต่างกัน ใช้ประโยชน์จากคลาสขนาดหน้าต่างโดยใช้ไลบรารี Jetpack Window Manager เพื่อคำนวณพื้นที่ที่แอปใช้ได้อย่างแม่นยำ

• ใช้ประโยชน์จากการอัปเดต Jetpack Compose ล่าสุด: เริ่มต้นด้วยการใช้การเปิดตัว Jetpack Compose ในเดือนเมษายน 2026 (Compose BOM เวอร์ชัน 2026.04.01) ที่เสถียร ใช้ประโยชน์จากเครื่องมือเลย์เอาต์โครงสร้างใหม่เพื่อจัดการสถาปัตยกรรมที่ซับซ้อน API Grid ใหม่ช่วยให้คุณกำหนดแทร็กแบบไดนามิกและช่วงคอลัมน์ได้โดยไม่มีค่าใช้จ่ายด้านประสิทธิภาพของรายการที่โหลดแบบ Lazy จับคู่ Grid กับ API เลย์เอาต์ FlexBox ใหม่เพื่อจัดการการจัดแนวหลายแกนและการตัดรายการแบบไดนามิกได้อย่างง่ายดาย นอกจากนี้ คุณยังใช้ API MediaQuery ใหม่เพื่อปรับ UI ให้เข้ากับสภาพแวดล้อมได้ โดยใช้เงื่อนไขเพื่อตรวจหาสัญญาณต่างๆ เช่น ท่าทางของอุปกรณ์ ขนาดหน้าต่าง และประเภทแป้นพิมพ์
• ทำให้แอปของคุณรับรู้ถึงการพับ: ใช้ไลบรารี Jetpack WindowManager ซึ่งมีพื้นผิว API สำหรับฟีเจอร์หน้าต่างของอุปกรณ์แบบพับได้ เช่น รอยพับและบานพับ เมื่อแอป รองรับการพับ แอปจะปรับเลย์เอาต์เพื่อหลีกเลี่ยงการวางเนื้อหาสำคัญในบริเวณรอยพับหรือบานพับ และใช้รอยพับและบานพับเป็นตัวคั่นตามธรรมชาติ
• รักษาความต่อเนื่องของแอป: หลีกเลี่ยงการขัดจังหวะเส้นทางของผู้ใช้เมื่อการกำหนดค่าอุปกรณ์เปลี่ยนไป คงสถานะ UI ไว้โดยใช้ ViewModel เพื่อให้การเปลี่ยนผ่านเป็นไปอย่างราบรื่นเมื่อผู้ใช้พับหรือกางอุปกรณ์

ตรวจสอบว่าการจับภาพจากกล้องในอุปกรณ์แบบพับได้เป็นไปอย่างราบรื่น

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

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

ขยายการโต้ตอบแบบเหลือบมองไปยัง Wear OS 7

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

สร้างฟีเจอร์อัจฉริยะ 

ปัญญาของ Gemini ทำภารกิจในนามของผู้ใช้ได้อยู่แล้ว และคุณสามารถทดลองใช้ระบบปัญญาประดิษฐ์ได้โดยแชร์ความสามารถของแอป 

อุปกรณ์พับได้รุ่นใหม่ของ Samsung มาพร้อมกับ Gemini Nano 4 ซึ่งเป็นโมเดลในอุปกรณ์ล่าสุดของเรา Nano 4 รองรับภาษาต่างๆ กว่า 140 ภาษา ทำความเข้าใจข้อมูลหลายรูปแบบได้ดียิ่งขึ้น และอีกมากมาย ใช้ Prompt API ของ ML Kit กับฟีเจอร์ขั้นสูง เช่น เอาต์พุตที่มีโครงสร้างและโหมดการคิด เพื่อสร้างฟีเจอร์อัจฉริยะในอุปกรณ์ 

เริ่มเพิ่มประสิทธิภาพวันนี้

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

หากต้องการเจาะลึกยิ่งขึ้น โปรดดูเพลย์ลิสต์ YouTube แบบครอบคลุมของเรา สุดท้ายนี้ โปรดตรวจสอบว่าแอปของคุณมอบประสบการณ์ระดับพรีเมียมที่ไร้ที่ติในอุปกรณ์รูปแบบใหม่ล่าสุดโดยอ่านหลักเกณฑ์ด้านคุณภาพเฉพาะสำหรับอุปกรณ์แบบพับสามทบและแบบพับแนวนอน รวมถึง WearOS 

เปิดอนาคตได้แล้ววันนี้