อนุญาตให้ผู้ใช้ปัดคอมโพเนนต์เพื่อแสดงการดำเนินการเพิ่มเติม
คอมโพเนนต์ปัดเพื่อแสดงช่วยให้คุณเพิ่มการดำเนินการเพิ่มเติมลงในชิปและการ์ดได้ โดยเฉพาะเมื่อปรากฏในรายการ คอมโพเนนต์นี้ช่วยให้ผู้ใช้ทําสิ่งต่างๆ ได้อย่างรวดเร็วโดยไม่ต้องออกจากหน้าจอ
ผู้ใช้สามารถปัดชิปและการ์ดไปทางซ้ายบางส่วนเพื่อเข้าถึงการดำเนินการเหล่านี้ จากนั้นแตะการดำเนินการเพื่อดำเนินการให้เสร็จสมบูรณ์ นอกจากนี้ ผู้ใช้ยังปัดชิปและการ์ดไปทางซ้ายจนสุดเพื่อดำเนินการหลักได้อย่างรวดเร็ว
คอมโพเนนต์นี้มี 2 ช่องสําหรับการดําเนินการเหล่านี้
- หลัก
- รอง (ไม่บังคับ)
กายวิภาคศาสตร์
การดำเนินการที่เปิดเผย
นักพัฒนาแอปสามารถปรับแต่งการดำเนินการสำหรับกรณีการใช้งานที่ไม่ซ้ำกันได้ พิจารณาสีและสัญลักษณ์ที่ใช้ในการดำเนินการเหล่านี้เพื่อช่วยให้ผู้ใช้ได้เข้าใจความหมาย
การดําเนินการที่แสดงจะปรากฏขึ้นที่ด้านเดียวกันสําหรับภาษาทั้งหมด
- การดําเนินการหลัก
- การดําเนินการรอง (ไม่บังคับ)
มุ่งมั่นทําการกระทําหลัก
หากต้องการดำเนินการหลัก ผู้ใช้สามารถแตะปุ่มหรือปัดไปทางซ้ายต่อ วิธีนี้จะทำให้ปุ่มขยายเต็มความกว้างของหน้าจอและแสดงป้ายกำกับ การดำเนินการจะหายไปหลังจากเลือก
ตัวอย่างแรกแสดงตัวเลือกปุ่มเดียว ตัวอย่างที่ 2 แสดงตัวเลือกปุ่มคู่
ยกเลิกการดำเนินการ
สําหรับการดําเนินการที่ทําให้ข้อมูลเสียหาย ให้เพิ่มคอมโพเนนต์การเลิกทําเพื่อให้ผู้ใช้ยกเลิกการดําเนินการเหล่านี้ได้ เพิ่มความสามารถในการเลิกทำลงในการดำเนินการหลัก
หากเพิ่มแล้ว ปุ่มชิปเลิกทำจะปรากฏแทนการดำเนินการที่ดำเนินการแล้ว หลังจากผ่านไประยะหนึ่ง การดำเนินการเลิกทำจะหายไป และระบบจะดำเนินการที่ดำเนินการเสร็จสมบูรณ์
เกณฑ์การปัด
ลักษณะการทํางานของคอมโพเนนต์การปัดเพื่อแสดงจะขึ้นอยู่กับระยะการปัดของผู้ใช้บนหน้าจอ
- หากผู้ใช้ปัดผ่านหน้าจอน้อยกว่า 50% คอมโพเนนต์จะกลับไปที่ตำแหน่งเริ่มต้นและไม่มีการดำเนินการใดๆ
- หากผู้ใช้ปัดหน้าจอระหว่าง 50% ถึง 75% ของความกว้างเต็ม องค์ประกอบจะยังคงมองเห็นได้บางส่วน และการดำเนินการที่เชื่อมโยงกับองค์ประกอบจะปรากฏขึ้น
- หากผู้ใช้ปัดผ่านหน้าจอมากกว่า 75% คอมโพเนนต์จะหายไปและระบบจะดำเนินการหลักโดยอัตโนมัติ
คอมโพเนนต์ที่เกี่ยวข้อง
คอมโพเนนต์ธีมวัสดุต่อไปนี้ใช้การปัดเพื่อแสดงลักษณะการทำงาน
บนการ์ด
ภาพหน้าจอต่อไปนี้แสดงการปัดเพื่อดูลักษณะที่ปรากฏของคอมโพเนนต์เมื่อใช้คลาส SwipeToRevealCard
บนชิป
ภาพหน้าจอต่อไปนี้แสดงการปัดเพื่อดูลักษณะที่ปรากฏของคอมโพเนนต์เมื่อใช้คลาส SwipeToRevealChip
