อุปกรณ์แบบพับได้มอบโอกาสในการพัฒนาแอปที่เป็นนวัตกรรมใหม่ หน้าจอขนาดใหญ่และขนาดเล็กในอุปกรณ์เดียวกันมอบประสบการณ์การโต้ตอบที่เสริมกันแต่แตกต่างกัน ฟีเจอร์การพับ เช่น ท่าตั้งโต๊ะและท่าหนังสือ ช่วยให้สร้างเลย์เอาต์ที่จินตนาการได้และอินเทอร์เฟซผู้ใช้ที่ไม่ธรรมดา
การออกแบบแบบปรับอัตโนมัติ
เลย์เอาต์ต้องปรับให้เข้ากับหน้าจอที่พับและกางออกของอุปกรณ์แบบพับได้เพื่อให้รองรับได้อย่างเหมาะสมที่สุด หน้าจอที่พับและกางออกอาจมีขนาดหน้าจอและอัตราส่วนกว้างยาวที่แตกต่างกันอย่างมาก ซึ่งต้องใช้เลย์เอาต์ทางเลือกที่เพิ่มประสิทธิภาพสำหรับขนาดหน้าจอและการกำหนดค่าต่างๆ เลย์เอาต์แบบปรับอัตโนมัติมอบประสบการณ์การใช้งานที่เพิ่มประสิทธิภาพเมื่ออุปกรณ์แบบพับได้พับหรือกางออก ในแนวตั้งหรือแนวนอน หรือในท่าตั้งโต๊ะหรือท่าหนังสือ
ตัวอย่างเช่น อุปกรณ์แบบพับได้หน้าจอขนาดใหญ่ที่กางออกในแนวนอนจะมีลักษณะคล้ายแท็บเล็ต โดยเลย์เอาต์ 2 บานหน้าต่างที่มีแถบนำทางจะใช้ประโยชน์จากหน้าจอที่กว้างได้อย่างยอดเยี่ยม เมื่อพับแล้ว อุปกรณ์จะมีลักษณะคล้ายโทรศัพท์มาตรฐาน โดยเลย์เอาต์แบบคอลัมน์เดียวที่มีแถบนำทางด้านล่างจะใช้งานง่ายแต่มีประสิทธิภาพ เนื่องจากเลย์เอาต์แยกกัน คุณจึงเพิ่มประสิทธิภาพแต่ละเลย์เอาต์สำหรับ Use Case ที่เฉพาะเจาะจงได้
ดูข้อมูลเพิ่มเติมเกี่ยวกับการออกแบบและการพัฒนาแบบปรับอัตโนมัติสำหรับอุปกรณ์แบบพับได้ได้ที่หัวข้อต่อไปนี้
- การออกแบบ: ดูที่ แกลเลอรี UI เพื่อหาแรงบันดาลใจและรูปแบบเลย์เอาต์ในรูปแบบต่างๆ
- การพัฒนา: ทำตามคำแนะนำสำหรับนักพัฒนาแอปในหัวข้อ รองรับขนาดการแสดงผลต่างๆ เพื่อสร้างเลย์เอาต์แบบปรับอัตโนมัติ
สถานะและท่าของอุปกรณ์แบบพับได้
รอยพับของอุปกรณ์แบบพับได้จะแบ่งหน้าจอออกเป็น 2 ส่วน รอยพับอาจเป็นพื้นที่ยืดหยุ่นของหน้าจอ หรือในอุปกรณ์แบบ 2 หน้าจอ อาจเป็นบานพับที่แยกจอแสดงผล 2 จอ
รอยพับมีขนาดและพร็อพเพอร์ตี้ occlusionType ซึ่งกำหนด
ว่ารอยพับจะบดบังจอแสดงผลบางส่วนหรือไม่ ในอุปกรณ์แบบ 2 หน้าจอ occlusionType จะเป็น FULL ซึ่งหมายความว่าจะดูเนื้อหาในพื้นที่รอยพับ (บานพับ) ไม่ได้ แม้ว่าแอปอาจครอบคลุมทั้ง 2 หน้าจอ
อุปกรณ์แบบพับได้อาจอยู่ในสถานะพับต่างๆ เช่น FLAT (กางออกจนสุด) หรือ HALF_OPENED (กางออกครึ่งหนึ่ง)
เมื่ออุปกรณ์อยู่ในสถานะ HALF_OPENED จะมีท่า 2 ท่าที่เป็นไปได้ ขึ้นอยู่กับการวางแนวของรอยพับ ได้แก่ ท่าตั้งโต๊ะ (รอยพับแนวนอน) และท่าหนังสือ (รอยพับแนวตั้ง)
ท่าตั้งโต๊ะและท่าหนังสือมอบความเป็นไปได้ใหม่ๆ ในการจัดเลย์เอาต์ แต่สถานะอุปกรณ์ HALF_OPENED ก็มีข้อจำกัดบางอย่างด้วย เช่น ผู้ใช้อาจเข้าถึงการควบคุม UI ที่อยู่ใกล้รอยพับได้ยาก และข้อความที่ซ้อนทับรอยพับอาจอ่านยาก (หรืออ่านไม่ได้หาก occlusionType เป็น FULL)
ออกแบบเลย์เอาต์เพื่อให้เข้าถึงองค์ประกอบ UI ได้ในทุกสถานะของอุปกรณ์ วางกล่องโต้ตอบและเมนูป๊อปอัปไม่ให้ซ้อนทับรอยพับ ตรวจสอบว่าเนื้อหาสําคัญมองเห็นได้เมื่ออุปกรณ์พับบางส่วน แบ่งเนื้อหาออกเป็น 2 พื้นที่เมื่ออุปกรณ์กางออกครึ่งหนึ่ง ได้แก่ ด้านบนและด้านล่างในท่าตั้งโต๊ะ และด้านซ้ายและด้านขวาในท่าหนังสือ
นอกจากท่าต่างๆ แล้ว อุปกรณ์แบบพับได้ยังรองรับโหมดการแสดงผลที่ไม่เหมือนใครดังนี้
- โหมดจอแสดงผลด้านหลัง: ช่วยให้แอปใช้หน้าจอด้านนอกได้ขณะที่อุปกรณ์กางออก ซึ่งช่วยให้ใช้ฟีเจอร์ต่างๆ เช่น การแสดงตัวอย่างเซลฟีด้วยกล้องหลัง
- โหมด 2 หน้าจอ: แสดงเนื้อหาพร้อมกันทั้งบนหน้าจอด้านในและด้านนอก ซึ่งช่วยให้ใช้ฟีเจอร์ต่างๆ เช่น การแปล 2 ทาง
ดูข้อมูลเพิ่มเติมเกี่ยวกับรอยพับและท่าของอุปกรณ์แบบพับได้ได้ที่หัวข้อทำให้แอปรับรู้ถึงการพับ ดูวิธีรองรับโหมดการแสดงผลที่ไม่เหมือนใครได้ที่หัวข้อรองรับโหมดการแสดงผลของอุปกรณ์แบบพับได้
ความต่อเนื่องของแอป
แอปจะหยุดและรีสตาร์ทเมื่อเปลี่ยนจากหน้าจอหนึ่งไปยังอีกหน้าจอหนึ่งเมื่ออุปกรณ์พับหรือกางออก แอปต้องรักษาและกู้คืนสถานะของแอปได้อย่างราบรื่นตามที่ระบุไว้ใน หลักเกณฑ์ด้านคุณภาพแอปแบบปรับอัตโนมัติเพื่อรักษาความต่อเนื่องสำหรับผู้ใช้
เลย์เอาต์หน้าจอต่างๆ ของอุปกรณ์แบบพับได้ควรเสริมกันด้วย ตัวอย่างเช่น หากหน้าจอที่พับแสดงรูปภาพและคำอธิบายของผลิตภัณฑ์จากร้านค้าออนไลน์ หน้าจอที่กางออกควรแสดงรูปภาพและคำอธิบายเดียวกันเพื่อรักษาความต่อเนื่อง แต่ควรมีเนื้อหาเสริม เช่น ข้อมูลจำเพาะของผลิตภัณฑ์หรือรีวิวด้วย
ดูข้อมูลเพิ่มเติมเกี่ยวกับการจัดการสถานะและความต่อเนื่องของแอปได้ที่หัวข้อบันทึกสถานะ UI และจัดการการเปลี่ยนแปลงการกำหนดค่า
การทํางานหลายอย่างพร้อมกัน
อุปกรณ์แบบพับได้หน้าจอขนาดใหญ่มีหน้าจอขนาดแท็บเล็ตซึ่งเหมาะอย่างยิ่งสำหรับการทำงานหลายอย่างพร้อมกันในโหมดหลายหน้าต่าง อุปกรณ์แบบพับได้รองรับโหมดแยกหน้าจอ และบางรุ่นยังรองรับการแสดงหน้าต่างแบบเดสก์ท็อป ซึ่งแอปจะอยู่ในหน้าต่างที่ย้ายและปรับขนาดได้ คล้ายกับระบบการแสดงหน้าต่างแบบเดสก์ท็อป
|
|
|
|
|
Android 12 (ระดับ API 31) ขึ้นไปจะใช้โหมดหลายหน้าต่างเป็นค่าเริ่มต้น โดยแอปทั้งหมดจะทำงานในโหมดหลายหน้าต่างบนหน้าจอขนาดใหญ่ ไม่ว่าการกำหนดค่าแอปจะเป็นอย่างไร ในเวอร์ชันก่อนหน้าลงไปจนถึง Android 7.0 (ระดับ API 24) คุณต้องกำหนดค่าแอปให้ปรับขนาดได้เพื่อรองรับโหมดหลายหน้าต่าง
ดูข้อมูลเกี่ยวกับการทำงานหลายอย่างพร้อมกันในโหมดหลายหน้าต่างได้ที่หัวข้อรองรับ โหมดหลายหน้าต่าง
ลากและวาง
อุปกรณ์แบบพับได้หน้าจอขนาดใหญ่มีพื้นที่หน้าจอเพียงพอสำหรับการโต้ตอบแบบลากและวาง โหมดหลายหน้าต่างในอุปกรณ์แบบพับได้ช่วยให้ลากและวางระหว่างแอปได้
การโต้ตอบแบบลากและวางสร้างประสบการณ์การใช้งานที่มีประสิทธิภาพและน่าสนใจ เพิ่มความสามารถในการลากและวางลงในแอปโดยใช้เฟรมเวิร์กลากและวางของ Android ดูข้อมูลเพิ่มเติมได้ที่หัวข้อเปิดใช้การลากและวาง