การ์ดช่วยให้เข้าถึงข้อมูลและการดำเนินการที่ผู้ใช้ต้องใช้เพื่อทำสิ่งต่างๆ ให้เสร็จได้อย่างรวดเร็ว ผู้ใช้สามารถปัดจากหน้าปัดเพื่อดูความคืบหน้าในการบรรลุเป้าหมายด้านฟิตเนส ตรวจสอบสภาพอากาศ และอื่นๆ เปิดแอปหรือทำงานที่จำเป็นให้เสร็จอย่างรวดเร็วจากการ์ด
สร้างการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์และเพิ่มประสิทธิภาพ
เราได้อัปเดตลักษณะการทำงานของเลย์เอาต์และคอมโพเนนต์ให้มีลักษณะการทำงานที่ปรับเปลี่ยนตามอุปกรณ์ในตัว ซึ่งรวมถึงระยะขอบและการเว้นระยะภายในที่อิงตามเปอร์เซ็นต์ เพื่อช่วยให้คุณปรับเลย์เอาต์การออกแบบให้เข้ากับขนาดหน้าจอที่ใหญ่ขึ้น
หากคุณใช้เทมเพลต ProtoLayout ของเรา คุณจะรับการอัปเดตเหล่านี้ได้ โดยอัตโนมัติผ่านไลบรารี Wear ProtoLayout Jetpack เวอร์ชันเบต้าล่าสุด นอกจากนี้ คุณยังต้องระบุเลย์เอาต์เฉพาะในกรณีที่คุณเพิ่มเนื้อหาหรือคอมโพเนนต์เพิ่มเติมหลังจากจุดพักหน้าจอ ดูคำแนะนำเกี่ยวกับการ์ด เพื่อดูคำแนะนำและข้อเสนอแนะทั้งหมดเกี่ยวกับวิธีใช้ประโยชน์จากขนาดหน้าจอที่ใหญ่ขึ้น ดูคำแนะนำเกี่ยวกับการ์ด การ์ดมีความสูงหน้าจอคงที่ ดังนั้นเราจึงปรับการเว้นระยะภายในเพื่อเพิ่มพื้นที่หน้าจอที่จำกัดให้ได้มากที่สุดโดยไม่ทำให้เกิดการตัดที่ไม่ต้องการ
ตรวจสอบว่าคอมโพเนนต์เติมความกว้างที่ใช้ได้
คอมโพเนนต์ทั้งหมดควรสร้างขึ้นให้ปรับเปลี่ยนตามอุปกรณ์ การตั้งค่าความสูงและความกว้างเป็น "ขยาย" จะทำให้คอมโพเนนต์เติมพื้นที่ว่าง ใส่ระยะขอบที่จำเป็นเพื่อป้องกันไม่ให้เนื้อหาถูกตัดโดยหน้าจอโค้ง
สร้างการออกแบบที่ปรับเปลี่ยนได้และแตกต่างกัน
เพิ่มจุดพักขนาดที่ 225dp เพื่อใช้พื้นที่เพิ่มเติมในขนาดหน้าจอที่ใหญ่ขึ้นให้เกิดประโยชน์สูงสุด จุดพักนี้ช่วยให้คุณแสดงเนื้อหาเพิ่มเติม ใส่ปุ่มหรือข้อมูลเพิ่มเติม หรือเปลี่ยนเลย์เอาต์ให้เหมาะกับหน้าจอที่ใหญ่ขึ้น
การดำเนินการนี้ต้องใช้การออกแบบที่แตกต่างกันสำหรับแต่ละจุดพัก การออกแบบหน้าจอที่ใหญ่ขึ้น (225dp ขึ้นไป) อาจรวมถึงองค์ประกอบเพิ่มเติมต่อไปนี้
แสดงช่องชื่อที่ซ่อนไว้ก่อนหน้านี้
เราขอแนะนำให้ทำเช่นนี้ในเลย์เอาต์ที่มี 2 แถวก่อนจุดพัก ซึ่งต้องนำช่องชื่อออกเพื่อให้เป้าหมายการแตะมีขนาดขั้นต่ำ 48dp
เพิ่มขนาดหรือเปลี่ยนสถานะของคอมโพเนนต์ที่มีอยู่
คุณสามารถทำเช่นนี้เพื่อแสดงรายละเอียดเพิ่มเติมหรือทำให้เนื้อหาดูได้ง่ายขึ้น
เพิ่มช่องคอมโพเนนต์ภายในเลย์เอาต์ปัจจุบัน
การเพิ่มคอมโพเนนต์จะทำให้เลย์เอาต์มีตัวเลือกหรือรายละเอียดเพิ่มเติม แต่โปรดตรวจสอบว่าเนื้อหายังคงดูได้ง่าย
เพิ่มเนื้อหาเพิ่มเติมที่ด้านล่าง
ในบางกรณี การเพิ่มปุ่มการดำเนินการหรือเนื้อหาในส่วนด้านล่างอาจสมเหตุสมผลกว่าการเพิ่มคอมโพเนนต์ภายในช่องหลัก
ข้อควรระวัง: ขนาดการแสดงผลที่ใหญ่ขึ้น ไม่ควร แสดงข้อมูลน้อยกว่าขนาดที่เล็กกว่า โดยเฉพาะอย่างยิ่งในกรณีที่เกี่ยวข้องกับลักษณะการทำงานที่กำหนดเองซึ่งเพิ่มเข้ามาที่จุดพัก
ตัวอย่างทั่วไปของกรณีนี้คือเมื่อคอมโพเนนต์หรือขนาดข้อความเพิ่มขึ้น เกินจุดพักและแสดงข้อมูลน้อยลงในหน้าจอที่ใหญ่ขึ้น หน้าจอ ควรแสดงคุณค่าที่มากขึ้น เสมอ เมื่อขนาดเพิ่มขึ้น
ลักษณะการทำงานที่ปรับเปลี่ยนตามอุปกรณ์และปรับเปลี่ยนได้
ลักษณะการทำงานที่ปรับเปลี่ยนตามอุปกรณ์และปรับเปลี่ยนได้จะขึ้นอยู่กับช่อง (ส่วน) 3 ช่องของเลย์เอาต์
ช่องไอคอนและชื่อแอป
ไอคอนแอปที่ระบบให้มาจะไม่มีการเปลี่ยนแปลงลักษณะการทำงาน ช่องชื่อจะปรับให้เข้ากับขนาดหน้าจอที่กว้างขึ้นโดยอัตโนมัติและแสดงอักขระเพิ่มเติม ส่วนบนมีระยะขอบภายในแบบสัดส่วน (เปอร์เซ็นต์) เพื่อหลีกเลี่ยงการตัดเมื่อขนาดหน้าจอเพิ่มขึ้น
ช่องหลัก (คอมโพเนนต์)
คอมโพเนนต์ทั้งหมดภายในช่องหลักควรตั้งค่าความกว้างและความสูงเป็น "ขยาย" เพื่อให้ปรับให้เข้ากับขนาดหน้าจอที่กว้างขึ้นโดยอัตโนมัติ ส่วนช่องหลักมีระยะขอบภายในแบบสัดส่วน (เปอร์เซ็นต์) และแต่ละแถวภายในช่องนี้ในบางกรณี เพื่อหลีกเลี่ยงการตัดเมื่อขนาดหน้าจอเพิ่มขึ้น หากคุณใช้รัศมีมุมร่วมกับเลย์เอาต์ ช่องหลักอาจต้องมีระยะขอบที่ใหญ่ขึ้น
ช่องด้านล่าง
ปุ่มหรือข้อความด้านล่างจะไม่มีการเปลี่ยนแปลงลักษณะการทำงาน แต่ความกว้างของปุ่มและกล่องข้อความจะปรับให้เข้ากับขนาดหน้าจอที่กว้างขึ้นโดยอัตโนมัติและมีอักขระเพิ่มขึ้น ช่องด้านล่างมีระยะขอบภายในแบบสัดส่วน (เปอร์เซ็นต์) เพื่อหลีกเลี่ยงการตัดเมื่อขนาดหน้าจอเพิ่มขึ้น เมื่อไม่มีช่องด้านล่าง ระบบจะเพิ่มระยะขอบเริ่มต้นโดยอัตโนมัติ
สร้างประสบการณ์ที่แตกต่าง
เลย์เอาต์ที่ปรับแต่งได้อย่างเต็มที่ 1 แบบซึ่งมีรูปแบบต่างๆ 60 แบบขึ้นไปในตัวช่วยให้ปรับแต่งได้อย่างไม่จำกัด การ์ดสร้างขึ้นบนระบบที่อิงตามช่อง คุณจึงสามารถแทนที่ช่องจากเลย์เอาต์มาตรฐานด้วยเนื้อหาหรือคอมโพเนนต์ใดก็ได้ และตั้งค่าคอมโพเนนต์เป็นหนึ่งในรูปแบบต่างๆ และการผสมสีมากมาย ในกรณีนี้ ให้รักษาสักษณะการทำงานที่ปรับเปลี่ยนตามอุปกรณ์และปฏิบัติตามคำแนะนำในการออกแบบของเรา
การปรับแต่งเหล่านี้ควรมีจำนวนจำกัดและไม่ควรเบี่ยงเบนไปจากเทมเพลตการ์ด ทั้งนี้เพื่อให้การ์ดมีความสอดคล้องกันเมื่อผู้ใช้เลื่อนดูแคโรเซลการ์ดในอุปกรณ์ Wear OS