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