ProgressIndicator नियंत्रण

आलेख
03/21/2023

लोडिंग अनुभव बनाने के लिए उपयोग किया जाने वाला नियंत्रण.

नोट

पूर्ण दस्तावेज़ीकरण और स्रोत कोड GitHub कोड घटक रिपॉजिटरी में मिला.

प्रगति सूचक नियंत्रण।

विवरण

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

यह कोड घटक कैनवास और कस्टम पृष्ठों में उपयोग के लिए Fluent UI प्रगति संकेतक नियंत्रण के चारों ओर एक रैपर प्रदान करता है। सर्वोत्तम प्रथाओं के लिए घटक दस्तावेज़ीकरण देखें.

विशेषता

मुख्य गुण

गुण	विवरण
`Label`	स्पिनर के लिए वैकल्पिक लेबल.
`Percentage Complete`	संचालन का प्रतिशत 0 से 1 के पैमाने पर पूरा हुआ. यदि सेट नहीं है तो अनिश्चित संकेतक दिखाया जाएगा.
`TypeOfIndicator`	संकेतक की शैली का प्रकार निर्दिष्ट करता है. विकल्प: `Default Indicator` या `IndeterminateIndicator`
`HideProgressState`	प्रगति स्थिति छिपाने के लिए सही निर्दिष्ट करें
`BarHeight`	लागू होने पर बार की ऊंचाई निर्दिष्ट करें

स्टाइल के गुण

गुण विवरण

Theme Fluent UI थीम डिज़ाइनर (windows.net) का उपयोग करके उत्पन्न JSON स्ट्रिंग को स्वीकार करता है. इसे खाली छोड़ने से Power Apps द्वारा परिभाषित डिफ़ॉल्ट थीम का उपयोग किया जाएगा. इसे कॉन्फ़िगर करने का तरीका देखने के लिए, थीमिंग देखें.

AccessibilityLabel स्क्रीन पढ़ने वालों का आरिया-लेबल

गुण	विवरण
`Theme`	Fluent UI थीम डिज़ाइनर (windows.net) का उपयोग करके उत्पन्न JSON स्ट्रिंग को स्वीकार करता है. इसे खाली छोड़ने से Power Apps द्वारा परिभाषित डिफ़ॉल्ट थीम का उपयोग किया जाएगा. इसे कॉन्फ़िगर करने का तरीका देखने के लिए, थीमिंग देखें.
`AccessibilityLabel`	स्क्रीन पढ़ने वालों का आरिया-लेबल

व्यवहार

डिस्प्ले का लोड होना प्रगति पर है

प्रक्रिया शुरू होने पर ProgressIndicator नियंत्रण (या वह सतह जिसके भीतर यह स्थित है) को स्वत: दृश्यमान बनाएँ, फिर प्रक्रिया के खंड पूर्ण होने पर मान के साथ एक वेरिएबल अपडेट करें. प्रक्रिया पूरी होने पर इसे छुपाएँ. नियंत्रण की दृश्यता को नियंत्रित करने के लिए एक वेरिएबल का उपयोग करें, और प्रक्रिया के प्रमुख कोड ब्लॉकों के बीच मूल्यों को अद्यतन करें जिन्हें इंगित करने की आवश्यकता है.

UpdateContext({ var_showProgress: true , var_progressValue: 0 });

/* Some code ... */

UpdateContext({ var_progressValue: 25 });

/* Some code ... */

UpdateContext({ var_progressValue: 50 });

/* Some code ... */

UpdateContext({ var_progressValue: 75 });

/* Some code ... */

UpdateContext({ var_progressValue: 100 });

Notify("Successfully completed process", NotificationType.Success);

UpdateContext({ var_showProgress: false });

var_showProgress वेरिएबल को ProgressIndicator के Visible गुण (या उसमें शामिल सतह) के मान के रूप में प्रदान करें, और Value गुण के लिए var_progressValue वेरिएबल असाइन करें.

सीमाएँ

इस कैनवास घटक का उपयोग केवल कैनवास ऐप और कस्टम पृष्ठों में ही किया जा सकता है.

इसके माध्यम से साझा किया गया