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