Shimmer नियंत्रण

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

नोट

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

विवरण

यह कोड घटक कैनवास और कस्टम पृष्ठों में उपयोग के लिए बटन से बंधे फ्लुएंट यूआई शिमर नियंत्रण के चारों ओर एक आवरण प्रदान करता है।

मुख्य गुण

गुण	विवरण
Items	रेंडर करने के लिए क्रिया आइटम
Rows	रेंडर करने के लिए क्रिया आइटम
SpacebetweenShimmer	एकाधिक पंक्तियों के मामले में प्रत्येक शिमर के बीच स्थान या अंतराल।

आइटम गुण

नीचे दी गई तालिका में प्रत्येक रिकॉर्ड में निम्नलिखित मान हो सकते हैं.

गुण	विवरण
ItemKey	आवश्यक. विशिष्ट ShimmerElement को इंगित करने के लिए उपयोग की जाने वाली कुंजी. कुंजियाँ अद्वितीय होनी चाहिए.
ItemType	आवश्यक. तीन शिमर तत्वों की सूची से शिमर तत्व प्रकार, अर्थात वृत्त, अंतराल और रेखा।
ItemRowKey	आवश्यक. RowKey को इंगित करने और संबंध स्थापित करने के लिए उपयोग की जाने वाली कुंजी.
ItemHeight	ShimmerElement की ऊँचाई
ItemWidth	ShimmerElement की चौड़ाई
ItemVerticalAlign	यह निर्दिष्ट करने के लिए कि तत्व को कैसे संरेखित करना चाहिए. यानी 'टॉप', 'सेंटर' या बॉटम'.

उदाहरण Power Fx फ़ॉर्मूला:

Table({ItemKey:"1",ItemWidth:"3.8",ItemHeight:60,ItemRowKey:"1",ItemType:"circle"},{ItemKey:"2",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"3",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"4",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"5",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"6",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"7",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"8",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"9",ItemWidth:"3.8",ItemHeight:40,ItemRowKey:"1",ItemType:"line"},{ItemKey:"10",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"11",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"12",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"13",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"14",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"15",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"16",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"})

पंक्तियाँ (rows_Items) गुण मूल्य

नीचे दी गई तालिका में प्रत्येक रिकॉर्ड में निम्नलिखित मान हो सकते हैं.

गुण	विवरण
RowKey	आवश्यक. विशिष्ट Shimmer, और उप-आइटम जोड़ते समय इंगित करने के लिए उपयोग की जाने वाली कुंजी. कुंजियाँ अद्वितीय होनी चाहिए.
RowOrder	वह क्रम जिससे Shimmer को रेंडर करना चाहिए
RowCount	रेंडर करने के लिए Shimmers की संख्या
RowWidth	Shimmer की चौड़ाई

उदाहरण Power Fx फ़ॉर्मूला:

Table(
    {
        RowKey: "1",
        RowOrder:1,
        RowCount:5,
        RowWidth: 100
    }
)

स्टाइल के गुण

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

उदाहरण थीम

थीम JSON स्ट्रिंग को घटक संपत्ति में पास किया जाता है, जबकि varTheme का उपयोग अन्य मानक घटकों जैसे कि अलग-अलग रंगों का उपयोग करने वाले बटनों को स्टाइल करने के लिए किया जा सकता है.

शिमर के साथ काम करते समय उपयोग किए जाने वाले रंग पैलेट के बारे में अधिक जानकारी के लिए, IShimmerElement दस्तावेज़ीकरण का IShimmerColors Interface अनुभाग देखें.

सीमाएँ

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