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


Spinner नियंत्रण

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

नोट

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

स्पिनर नियंत्रण।

विवरण

एक Spinner एक सर्कल की रूपरेखा है जो अपने चारों ओर एनिमेट करता है जो उपयोगकर्ता को इंगित करता है कि चीजें संसाधित हो रही हैं. यह तब प्रकट होता है जब प्रक्रिया अनिश्चित होती है कि किसी कार्य में कितना समय लगेगा, जिससे यह ProgressIndicator नियंत्रण का अनिश्चित संस्करण बन जाता है.

स्पिनर आकार में भिन्न हो सकते हैं, और सामग्री या केंद्रित के साथ इनलाइन स्थित हो सकते हैं. स्पिनर आम तौर पर किसी क्रिया के संसाधित या प्रतिबद्ध होने के बाद दिखाई देते हैं. वे सूक्ष्म हैं और आम तौर पर ज्यादा जगह नहीं लेते हैं, लेकिन पूर्ण कार्य से संक्रमण हैं.

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

मुख्य गुण

गुण विवरण
Label स्पिनर के लिए वैकल्पिक लेबल.
SpinnerSize प्रदान किए जाने वाले स्पिनर का आकार. विकल्प: xSmall, Small, Medium, Large
SpinnerAlignment नियंत्रण सीमाओं के भीतर स्पिनर का संरेखण. विकल्प: Left, Center, Right
LabelPosition किसी विशेष स्थान पर स्पिनर लेबल का वैकल्पिक स्थान. विकल्प: Bottom, Top, Left, Right

स्टाइल के गुण

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

उदाहरण

लोड करते समय स्पिनर प्रदर्शित करें

प्रक्रिया शुरू होने पर स्पिनर नियंत्रण को दृश्यमान बनाएं, फिर प्रक्रिया पूरी होने पर इसे छुपाएं.

स्पिनर की दृश्यता को नियंत्रित करने के लिए एक चर का उपयोग करें, और प्रक्रिया के कोड ब्लॉक से पहले और बाद में मान अपडेट करें.

UpdateContext({ var_showLoader: true });

/* Some code ... */

UpdateContext({ var_showLoader: false });

फिर, स्पिनर की IsLoading संपत्ति के मान के रूप में var_showLoader चर प्रदान करें.

सीमाएँ

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