กวาดเพื่อปิด

ปัดเพื่อปิด ภาพเคลื่อนไหวจะบอกถึงการเปลี่ยนเมื่อผู้ใช้ไปยังหน้าก่อนหน้า

รายละเอียดภาพเคลื่อนไหวสำหรับการปัดเพื่อปิดจะคล้ายกับการกด RSB บัญชี นิ้วควบคุมความคืบหน้าของภาพเคลื่อนไหวได้สูงสุดถึง 50%

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

การใช้งาน

Wear มี Box เวอร์ชันของตัวเอง SwipeToDismissBox ฟีเจอร์นี้เพิ่มการรองรับท่าทางสัมผัสการปัดเพื่อปิด ซึ่งคล้ายกับท่าทางสัมผัสที่ด้านหลัง บนอุปกรณ์เคลื่อนที่

SwipeToDismissBox เป็น Composable ที่สามารถปิดได้โดยเลื่อนไปทางขวา

หากต้องการใช้ SwipeToDismissBox คุณต้องสร้างรัฐก่อน รัฐประกอบด้วย ข้อมูลเกี่ยวกับทิศทางการปัด ดูว่าภาพเคลื่อนไหวกำลังทำงานหรือไม่ กระแส มูลค่า และเป้าหมาย และอื่นๆ ตัวอย่างต่อไปนี้แสดงวิธีออกแบบ ปัดง่ายๆ เพื่อปิดการทำงาน:

val state = rememberSwipeToDismissBoxState()
SwipeToDismissBox(
    onDismissed = { /* navigateBack */ },
) { isBackground ->
    if (isBackground) {
        Box(modifier = Modifier.fillMaxSize().background(MaterialTheme.colors.secondaryVariant))
    } else {
        Column(
            modifier = Modifier.fillMaxSize().background(MaterialTheme.colors.primary),
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.Center,
        ) {
            Text("Swipe to dismiss", color = MaterialTheme.colors.onPrimary)
        }
    }
}

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการใช้ BrowseToCloseBox ร่วมกับ ไลบรารีการนำทาง โปรดดูเอกสารอ้างอิงสำหรับ ไลบรารีการนำทางของ Wear Compose

การออกแบบ

เมื่อออกแบบการกวาดเพื่อปิดการทำงาน ให้ใช้หลักการ 2 ข้อดังต่อไปนี้ ข้อควรทราบ

ขอบของหน้าจอ

พิจารณาองค์ประกอบ UI อื่นๆ ที่ปัดได้ เช่น มุมมองแอปที่ใส่เลขหน้า เมื่อปัดเพื่อปิดได้ ให้จองพื้นที่ 20% ของขอบหน้าจอเพื่อ ให้เกิดการเคลื่อนไหวนั้น

ดูตัวอย่างจาก Codebase ของ Compose สำหรับ Wear OS อย่างเช่นการปัดขอบเมื่อเนื้อหาเลื่อนได้ในแนวนอน

เกณฑ์ในการย้อนกลับหรืออยู่ในมุมมองแอป

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

หากท่าทางสัมผัสเป็นแบบเร็ว ให้เพิกเฉยต่อกฎเกณฑ์ 50% และปัดกลับ