देखने के लिए स्वाइप करें
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
उपयोगकर्ताओं को अतिरिक्त कार्रवाइयां देखने के लिए, किसी कॉम्पोनेंट को स्वाइप करने की अनुमति दें.
स्विप करके दिखाएं कॉम्पोनेंट की मदद से, चिप और कार्ड में अतिरिक्त कार्रवाइयां जोड़ी जा सकती हैं. खास तौर पर, जब वे सूचियों में दिखते हैं. इस कॉम्पोनेंट की मदद से, उपयोगकर्ता स्क्रीन पर बने रहते हुए, तुरंत काम कर सकते हैं.
इन ऐक्शन को ऐक्सेस करने के लिए, उपयोगकर्ता चिप और कार्ड को कुछ हद तक बाईं ओर स्वाइप कर सकते हैं. इसके बाद, किसी ऐक्शन को पूरा करने के लिए उस पर टैप करें. उपयोगकर्ता, मुख्य कार्रवाई को तुरंत करने के लिए, चिप और कार्ड को पूरी तरह से बाईं ओर स्वाइप भी कर सकते हैं.
कॉम्पोनेंट में इन कार्रवाइयों के लिए दो स्लॉट होते हैं:
- प्राइमरी
- सेकंडरी (ज़रूरी नहीं)
शरीर-रचना विज्ञान
ज़ाहिर की गई कार्रवाइयां
डेवलपर, अपने यूनीक इस्तेमाल के उदाहरणों के लिए कार्रवाइयों को पसंद के मुताबिक बना सकते हैं. इन कार्रवाइयों में इस्तेमाल किए गए रंग और आइकॉन पर ध्यान दें, ताकि उपयोगकर्ताओं को इनका मतलब समझने में मदद मिल सके.
सभी भाषाओं के लिए, एक ही तरफ़ पर ऐक्शन दिखते हैं.
- प्राइमरी ऐक्शन
- सेकंडरी ऐक्शन (ज़रूरी नहीं)
प्राइमरी ऐक्शन के लिए कमिट करना
प्राइमरी ऐक्शन को पूरा करने के लिए, उपयोगकर्ता बटन पर टैप कर सकता है या
बाईं ओर स्वाइप करना जारी रख सकता है. इस तरह, बटन स्क्रीन की पूरी चौड़ाई तक फैल जाता है और एक लेबल दिखाता है. चुनने के बाद, कार्रवाई धीरे-धीरे गायब हो जाती है.
पहले उदाहरण में, एक बटन का विकल्प दिखाया गया है. दूसरे उदाहरण में, दो बटन वाला विकल्प दिखाया गया है.
कार्रवाई को पहले जैसा करें
नुकसान पहुंचाने वाली कार्रवाइयों के लिए, पहले जैसा करने वाला कॉम्पोनेंट जोड़ें, ताकि उपयोगकर्ता इन कार्रवाइयों को पहले जैसा कर सकें. प्राइमरी ऐक्शन में, कार्रवाई को पहले जैसा करने की सुविधा जोड़ें.
अगर यह जोड़ा जाता है, तो की गई कार्रवाई की जगह पर 'पहले जैसा करें' चिप बटन दिखता है.
कुछ समय बाद, 'पहले जैसा करें' कार्रवाई धीरे-धीरे गायब हो जाती है और सिस्टम, की गई कार्रवाई को पूरा कर देता है.
स्वाइप थ्रेशोल्ड
'स्क्रीन पर स्वाइप करके कॉम्पोनेंट दिखाएं' सुविधा के व्यवहार पर, यह निर्भर करता है कि उपयोगकर्ता स्क्रीन पर कितनी दूर तक स्वाइप करता है:
- अगर उपयोगकर्ता स्क्रीन पर 50% से कम स्वाइप करता है, तो कॉम्पोनेंट अपनी शुरुआती स्थिति पर वापस आ जाता है और कोई कार्रवाई नहीं की जाती.
- अगर उपयोगकर्ता स्क्रीन पर पूरी चौड़ाई के 50% से 75% के बीच स्वाइप करता है, तो कॉम्पोनेंट का कुछ हिस्सा दिखता रहता है और कॉम्पोनेंट से जुड़ी कार्रवाइयां दिखती हैं.
- अगर उपयोगकर्ता स्क्रीन पर 75% से ज़्यादा स्वाइप करता है, तो कॉम्पोनेंट गायब हो जाता है और सिस्टम अपने-आप मुख्य कार्रवाई करता है.
यहां दिए गए कॉम्पोनेंट, स्वाइप करके कॉन्टेंट दिखाने की सुविधा देते हैं:
कार्ड पर
नीचे दिए गए स्क्रीनशॉट में, SwipeToRevealCard क्लास का इस्तेमाल करते समय, कॉम्पोनेंट के दिखने का तरीका दिखाने के लिए स्वाइप करने की सुविधा दिखाई गई है:
चिप पर
नीचे दिए गए स्क्रीनशॉट में, SwipeToRevealChip क्लास का इस्तेमाल करते समय, कॉम्पोनेंट के दिखने का तरीका दिखाने के लिए स्वाइप करने की सुविधा दिखाई गई है:
इस पेज पर मौजूद कॉन्टेंट और कोड सैंपल कॉन्टेंट के लाइसेंस में बताए गए लाइसेंस के हिसाब से हैं. Java और OpenJDK, Oracle और/या इससे जुड़ी हुई कंपनियों के ट्रेडमार्क या रजिस्टर किए हुए ट्रेडमार्क हैं.
आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया."],[],[],null,["# Swipe to reveal\n\nAllow users to swipe a component to reveal extra actions.\n\nThe *swipe to reveal* component lets you add extra actions to\nchips and cards, specifically when they appear in lists. This component lets\nusers quickly get things done without leaving the screen.\n\nUsers can partially swipe chips and cards to the left to access these\nactions, then tap on an action to complete it. Users can also fully swipe\nchips and cards to the left to quickly commit to the primary action. \nThe component has 2 slots for these actions:\n\n1. **Primary**\n2. **Secondary (optional)**\n\nAnatomy\n-------\n\n### Revealed actions\n\nDevelopers can customize the actions for their unique use cases. Consider\nthe color and iconography used in these actions to help users understand\nwhat they mean.\n\nThe revealed actions appear on the same side for all language\nlocales.\n\n1. **Primary action**\n2. **Secondary action (optional)** \n\n### Commit to a primary action\n\nTo commit to the primary action, a user can either tap on the button or\ncontinue swiping to the left. In this way, the button extends to the entire\nwidth of the screen and displays a label. The action fades away after being\nselected.\n\nThe first example shows a **single button option** . The\nsecond example shows a **double button option**. \n\n### Undo action\n\nFor destructive actions, add an undo component to let users reverse these\nactions. Add the undo capability to the primary action.\n\nIf added, an undo chip button appears in place of the committed action.\nAfter a short period of time, the undo action fades away, and the system\ncompletes the committed action. \n\n### Swipe thresholds\n\nThe swipe to reveal component's behavior depends upon how far the user\nswipes across the screen:\n\n- If the user swipes across less than 50% of the screen, the component snaps back to its starting position, and no action is taken.\n- If the user swipes across the screen between 50% and 75% of the full width, the component remains partially visible, and the actions associated with the component appear.\n- If the user swipes across more than 75% of the screen, the component disappears, and the system automatically performs the primary action.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nRelated components\n------------------\n\nThe following material-themed components implement the swipe to reveal behavior:\n\n- [`SwipeToRevealCard`](/reference/kotlin/androidx/wear/compose/material/package-summary#SwipeToRevealCard(androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.foundation.RevealState,androidx.compose.ui.Modifier,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealActionColors,androidx.compose.ui.graphics.Shape,kotlin.Function0))\n- [`SwipeToRevealChip`](/reference/kotlin/androidx/wear/compose/material/package-summary#SwipeToRevealChip(androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.foundation.RevealState,androidx.compose.ui.Modifier,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealActionColors,androidx.compose.ui.graphics.Shape,kotlin.Function0))\n\n### On cards\n\nThe following screenshots show the swipe to reveal component's appearance when\nusing the `SwipeToRevealCard` class:\n\n### On chips\n\nThe following screenshots show the swipe to reveal component's appearance when\nusing the `SwipeToRevealChip` class:"]]
