ดูข้อมูลเกี่ยวกับอุปกรณ์พับได้

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

รูปที่ 1 อุปกรณ์แบบพับได้ในท่าทางต่างๆ ได้แก่ พับ เปิดราบ เปิดราบหมุนเป็นแนวนอน และเปิดครึ่งหนึ่ง (ตั้งโต๊ะ)

การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์

การรองรับอุปกรณ์แบบพับได้เริ่มต้นด้วยการออกแบบที่ตอบสนอง เลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์ ช่วยให้แอปดูดีและทำงานได้อย่างยอดเยี่ยมในจอแสดงผลหลายขนาด ใช้การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ด้วยฟังก์ชันที่ประกอบกันได้ BoxWithConstraints

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

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

รูปที่ 2 เลย์เอาต์ที่ปรับเปลี่ยนได้ซึ่งเพิ่มประสิทธิภาพสำหรับทั้งหน้าจอที่พับและกางออก

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับการออกแบบที่ปรับตามอุปกรณ์/การออกแบบที่ตอบสนองตามอุปกรณ์สำหรับอุปกรณ์พับได้ได้ที่

• รองรับขนาดจอแสดงผลต่างๆ
• Material Design - ใช้เลย์เอาต์

สถานะและท่าทางของอุปกรณ์พับได้

รอยพับของอุปกรณ์แบบพับได้จะแบ่งหน้าจอออกเป็น 2 ส่วน รอยพับอาจเป็นพื้นที่ที่ยืดหยุ่นของหน้าจอ หรือในอุปกรณ์แบบ 2 หน้าจอ อาจเป็นบานพับที่ แยกจอแสดงผล 2 จอ

การพับมีมิติข้อมูลและพร็อพเพอร์ตี้ occlusionType ซึ่งกำหนดว่า การพับบดบังส่วนหนึ่งของจอแสดงผลหรือไม่ ในอุปกรณ์แบบ 2 หน้าจอ occlusionTypeคือFULL จะดูเนื้อหาในบริเวณรอยพับ (บานพับ) ไม่ได้ แม้ว่าแอปจะครอบคลุมทั้ง 2 หน้าจอ ก็ตาม

อุปกรณ์ที่พับได้อาจอยู่ในสถานะการพับต่างๆ เช่น FLAT (กางออกเต็มที่) หรือ HALF_OPENED (กางออกบางส่วน)

รูปที่ 3 อุปกรณ์แบบพับได้ในสถานะแบนราบและกางออกครึ่งหนึ่ง

เมื่ออุปกรณ์อยู่ในสถานะ HALF_OPENED จะมีท่าทางที่เป็นไปได้ 2 แบบ ขึ้นอยู่กับการวางแนวของการพับ ได้แก่ ท่าทางบนโต๊ะ (พับแนวนอน) และ ท่าทางแบบหนังสือ (พับแนวตั้ง)

ท่าตั้งโต๊ะและท่าหนังสือช่วยให้มีเลย์เอาต์ใหม่ๆ แต่HALF_OPENEDสถานะของอุปกรณ์ก็มีข้อจำกัดบางอย่างด้วย ตัวอย่างเช่น ผู้ใช้อาจเข้าถึงตัวควบคุม UI ใกล้กับรอยพับได้ยาก และข้อความที่ซ้อนทับรอยพับอาจอ่านได้ยาก (หรืออ่านไม่ได้หาก occlusionType เป็น FULL)

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

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

ความต่อเนื่องของแอป

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

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

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับการจัดการสถานะแอปและความต่อเนื่องได้ที่บันทึกสถานะ UI และจัดการการเปลี่ยนแปลงการกำหนดค่า

การทํางานหลายอย่างพร้อมกัน

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

รูปที่ 4 อุปกรณ์แบบพับได้ในแนวนอนที่เรียกใช้แอป 3 แอปในโหมดแยกหน้าจอ (ซ้าย) และโหมดการแสดงหน้าต่างเดสก์ท็อป (ขวา)

Android 12 (ระดับ API 31) ขึ้นไปจะใช้โหมดหลายหน้าต่างเป็นค่าเริ่มต้น ในหน้าจอขนาดใหญ่ แอปทั้งหมดจะทำงานในโหมดหลายหน้าต่างโดยไม่คำนึงถึงการกำหนดค่าแอป ในเวอร์ชันก่อนหน้าจนถึง Android 7.0 (ระดับ API 24) คุณต้องกำหนดค่าแอปให้ปรับขนาดได้เพื่อรองรับโหมดหลายหน้าต่าง

ดูข้อมูลเกี่ยวกับการทำงานแบบมัลติทาสก์ในโหมดหลายหน้าต่างได้ที่รองรับโหมดหลายหน้าต่าง

ลากและวาง

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

การโต้ตอบแบบลากและวางจะสร้างประสบการณ์ของผู้ใช้ที่น่าสนใจและมีประสิทธิภาพ เพิ่มความสามารถในการลากและวางลงในแอปโดยใช้เฟรมเวิร์กลากและวางของ Android ดูข้อมูลเพิ่มเติมได้ที่เปิดใช้การลากและวาง

แหล่งข้อมูลเพิ่มเติม

• ทดสอบขนาดหน้าจอและหน้าต่างต่างๆ