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

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

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

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

लागू करना

नेविगेशन लाइब्रेरी से SwipeDismissableNavHost, डिफ़ॉल्ट रूप से स्वाइप करके हटाने का नेविगेशन जेस्चर उपलब्ध कराता है.

अगर नेविगेशन लाइब्रेरी का इस्तेमाल नहीं किया जा रहा है, तो भी BasicSwipeToDismissBox का इस्तेमाल करके, स्क्रीन पर नेविगेट करने के लिए जेस्चर का इस्तेमाल किया जा सकता है.

डिज़ाइन

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

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

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

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

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

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

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