ख़ारिज करने के लिए स्वाइप करें

खारिज करने के लिए स्वाइप करें जब उपयोगकर्ता पिछले पेज पर जाते हैं, तो ऐनिमेशन ट्रांज़िशन की जानकारी देता है.

स्वाइप करके खारिज करने के ऐनिमेशन की जानकारी, आरएसबी प्रेस की तरह ही होती है. आपका उंगली से ऐनिमेशन की प्रोग्रेस को 50% तक कंट्रोल किया जा सकता है.

ऐप्लिकेशन व्यू में एक अतिरिक्त ऐनिमेशन है, जिसे खारिज करने से लिंक किया गया है हाथ के जेस्चर. ऐप्लिकेशन व्यू में दिखाई गई हलचल बिलकुल समान नहीं है उंगली को कितनी दूरी तक ले जाना है. ऐप्लिकेशन व्यू, कभी भी स्क्रीन का किनारे दिख रहा है.

लागू करना

Wear के पास Box का अपना वर्शन है, SwipeToDismissBox. इससे स्वाइप करके खारिज करने के जेस्चर की सुविधा भी जुड़ जाती है, जो पीछे वाले हिस्से के जैसा है बटन पर क्लिक करें.

SwipeToDismissBox एक कंपोज़ेबल है, जिसे दाईं ओर स्वाइप करके खारिज किया जा सकता है.

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)
        }
    }
}

स्वाइप करके ख़ारिज करेंबॉक्स का इस्तेमाल नेविगेशन लाइब्रेरी में, Wear Compose की नेविगेशन लाइब्रेरी.

डिज़ाइन

कार्रवाई को खारिज करने के लिए स्वाइप डिज़ाइन करते समय, इन दो सिद्धांतों को ध्यान में रखें इन बातों का ध्यान रखें:

स्क्रीन का सिना

यह उन अन्य यूज़र इंटरफ़ेस (यूआई) एलिमेंट को ध्यान में रखकर बनाया गया है जिन्हें बदला जा सकता है, जैसे कि पेजों में बांटे गए ऐप्लिकेशन के व्यू. जब खारिज करने के लिए स्वाइप करना संभव हो, तो स्क्रीन के किनारे का 20% हिस्सा उस हलचल को ट्रिगर करना चाहिए.

Wear OS कोड बेस के लिए Compose Material का यह उदाहरण देखें जिसमें कॉन्टेंट को हॉरिज़ॉन्टल तौर पर स्क्रोल करने पर एज-स्वाइप करने का तरीका बताया गया है.

वापस जाने या ऐप्लिकेशन व्यू पर बने रहने के लिए थ्रेशोल्ड

अगर उपयोगकर्ता ने स्क्रीन की चौड़ाई के 50% से ज़्यादा हिस्से पर अपनी उंगली ड्रैग की है, ऐप्लिकेशन को पीछे की ओर स्वाइप करने वाले बाकी ऐनिमेशन को ट्रिगर करना चाहिए. अगर यह इससे कम हो उसके बाद, ऐप्लिकेशन वापस ऐप्लिकेशन के पूरे व्यू पर स्नैप हो जाना चाहिए.

अगर हाथ का जेस्चर तेज़ है, तो 50% थ्रेशोल्ड नियम को अनदेखा करें और पीछे की ओर स्वाइप करें.