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


कैनवास ऐप्स गैलरी में विभिन्न ऊंचाइयों के आइटम दिखाएं

यदि आपके डेटा सेट के विभिन्न आइटम में एक ही फ़ील्ड में अलग-अलग मात्रा में डेटा है, तो आप उन आइटम को पूरी तरह से दिखा सकते हैं, जिनमें कम डेटा वाले आइटम के बाद खाली जगह को जोड़े बिना अधिक डेटा होता है. एक लचीली ऊंचाई गैलरी नियंत्रण जोड़ें और कॉन्फ़िगर करें ताकि आप यह कर सकें:

  • लेबल नियंत्रणों को उनकी सामग्री के आधार पर विस्तारित या छोटा करने के लिए कॉन्फ़िगर करें।
  • प्रत्येक नियंत्रण को स्थान दें, ताकि वह स्वचालित रूप से अपने ऊपर के नियंत्रण में ठीक नीचे दिखाई दे.

इस ट्यूटोरियल में, आप फ़्लोरिंग उत्पादों के बारे में डेटा को एक लचीली ऊंचाई गैलरी नियंत्रण में दिखाते हैं। प्रत्येक उत्पाद की छवि ओवरव्यू के 5 पिक्सेल नीचे दिखाई देती है, भले ही ओवरव्यू में पाठ की पांच पंक्तियाँ हों या दो पंक्तियाँ हों.

डायनेमिक अनुप्रयोग.

सुझाया गया पठन

यदि आपने कभी गैलरी में नियंत्रण नहीं जोड़ा है, तो इस विषय में आगे बढ़ने से पहले आइटमों की सूची दिखाएँ में दिए गए चरणों का पालन करें.

रिक्त ऐप में डेटा जोड़ें

  1. इस एक्सेल फ़ाइल को डाउनलोड करें, जिसमें फ़्लोरिंग उत्पादों के नाम, अवलोकन और छवियों के लिंक शामिल हैं।

    फ़्लोरिंग उत्पाद.

  2. OneDrive, Dropbox या Google Drive जैसे क्लाउड-संग्रहण खाते में Excel फ़ाइल अपलोड करें.

  3. फ़ोन लेआउट के साथ एक खाली ऐप बनाएँ. ...

  4. Excel फ़ाइल में FlooringEstimates तालिका में एक कनेक्शन जोड़ें.

    अधिक जानकारी के लिए, देखें कनेक्शन जोड़ें.

  1. सम्मिलित करें टैब पर, गैलरी पर क्लिक या टैप करें, और फिर लचीली ऊंचाई पर क्लिक या टैप करें.

    गैलरी जोड़ें.

  2. संपूर्ण स्क्रीन लेने के लिए गैलरी का आकार बदलें.

  3. गैलरी की आइटम प्रॉपर्टी को फ़्लोरिंगएस्टीमेट्स पर सेट करें.

उत्पाद के नाम दिखाएं

  1. गैलरी के ऊपरी-बाएँ कोने में, गैलरी टेम्पलेट चुनने के लिए पेंसिल आइकन पर क्लिक करें या टैप करें.

    पेंसिल चिह्न.

  2. गैलरी टेम्पलेट चयनित होने पर, उसमें लेबल नियंत्रण जोड़ें.

  3. टेक्स्टलेबल नियंत्रण के गुण को इस अभिव्यक्ति पर सेट करें:
    ThisItem.Name

    लेबल जोड़ें.

उत्पाद ओवरव्यू दिखाएं

  1. गैलरी टेम्पलेट चयनित होने पर, एक और लेबल नियंत्रण जोड़ें, और इसे पहले लेबल नियंत्रण के नीचे ले जाएं.

  2. दूसरे लेबल नियंत्रण के टेक्स्ट गुण को इस अभिव्यक्ति पर सेट करें:
    ThisItem.अवलोकन

  3. दूसरे लेबल नियंत्रण को चयनित करके, सामग्री टैब पर नाम-टैग आइकन पर क्लिक या टैप करें, और नियंत्रण का नाम बदलकर अवलोकन टेक्स्ट कर दें।

    लेबल का नाम बदलें.

  4. AutoHeightOverviewText बॉक्स के गुण को true पर सेट करें.

    यह चरण सुनिश्चित करता है कि बॉक्स अपनी सामग्री को फ़िट करने के लिए बढ़ेगा या सिकुड़ जाएगा.

    पाठ स्वतः ऊँचाई.

उत्पाद छवियाँ दिखाएँ

  1. टेम्पलेट का आकार बदलें, ताकि वह दोगुना लंबा हो जाए.

    ऐप बनाते समय आप टेम्पलेट में अधिक आसानी से नियंत्रण जोड़ सकते हैं और यह बदलाव ऐप के चलने के दौरान उसके लुक को प्रभावित नहीं करेगा.

  2. गैलरी टेम्पलेट चयनित होने पर, एक छवि नियंत्रण जोड़ें, और इसे अवलोकन टेक्स्ट बॉक्स के नीचे ले जाएं.

  3. सुनिश्चित करें कि Image नियंत्रण का Image गुण इस अभिव्यक्ति पर सेट है:
    यहआइटम.छवि

  4. YImage नियंत्रण के गुण को OverviewText बॉक्स की स्थिति और आकार के आधार पर सेट करें, जैसा कि इस अभिव्यक्ति में है:
    अवलोकनटेक्स्ट.Y + अवलोकनटेक्स्ट.ऊंचाई + 5

    फ़ाइनल ऐप.

यदि आप अधिक नियंत्रण जोड़ना चाहते हैं तो समान अवधारणा को लागू करें: प्रत्येक नियंत्रण के Y गुण को उसके ऊपर के नियंत्रण के Y और ऊंचाई गुणों के आधार पर सेट करें।

अगले चरण

गैलरी नियंत्रण और सूत्रों के साथ काम करने के तरीके के बारे में अधिक जानें.