Power Apps में छवि नियंत्रण

एक नियंत्रण जो एक छवि दिखाता है उदाहरण के लिए, स्थानीय फ़ाइल या डेटा स्रोत से.

वर्णन

यदि आप अपने ऐप में एक या एकाधिक छवि नियंत्रण जोड़ते हैं, तो आप वे व्यक्तिगत छवियां दिखा सकते हैं जो डेटा सेट का हिस्सा नहीं हैं, या आप रिकॉर्ड से डेटा स्रोतों में छवियों को शामिल कर सकते हैं.

मुख्य गुण

छवि – छवि का नाम या URL जो किसी छवि, ऑडियो या माइक्रोफ़ोन नियंत्रण में दिखाई देता है.

नोट

• आधुनिक ब्राउज़र्स के साथ संगतता सुनिश्चित करने के लिए, सभी बाह्य छवियों के लिए HTTPS का उपयोग करें.
• बाहरी छवियों को गुमनाम रूप से (बिना किसी प्रमाणीकरण के) एक्सेस किया जाना चाहिए.

अतिरिक्त गुण

AccessibleLabel – स्‍क्रीन रीडर्स के लिए लेबल.

ApplyEXIFOrientation - छवि के साथ एम्बेडेड EXIF डेटा में निर्दिष्ट अभिविन्यास को स्वचालित रूप से लागू करें अथवा नहीं.

AutoDisableOnSelect – OnSelect व्यवहार निष्पादित होते समय स्वचालित रूप से नियंत्रण को अक्षम करता है.

BorderColor – नियंत्रण बॉर्डर का रंग.

BorderStyle – क्या नियंत्रण की सीमारेखा ठोस, डैशित, बिंदुदार या कुछ नहीं है.

BorderThickness – नियंत्रण बॉर्डर की मोटाई.

CalculateOriginalDimensions OriginalHeight और OriginalWidth गुणों को सक्षम करता है.

DisplayMode – क्या नियंत्रण उपयोगकर्ता इनपुट (संपादन) की अनुमति देता है, केवल डेटा प्रदर्शित करता है (देखें), या अक्षम है (अक्षम).

DisabledBorderColor – नियंत्रण की बॉर्डर का रंग यदि नियंत्रण का DisplayMode गुण अक्षम में सेट है.

DisabledFill – एक नियंत्रण की पृष्ठभूमि का रंग यदि उसका DisplayMode गुण अक्षम पर सेट है.

भरण – नियंत्रण का पृष्ठभूमि रंग.

FlipHorizontal – क्या छवि को प्रदर्शित करने से पहले क्षैतिज रूप से फ्लिप करना है.

FlipVertical – क्या छवि को प्रदर्शित करने से पहले लंबवत रूप से फ्लिप करना है.

FocusedBorderColor - नियंत्रण केंद्रित होने पर नियंत्रण बॉर्डर का रंग.

FocusedBorderThickness – नियंत्रण केंद्रित होने पर नियंत्रण बॉर्डर की मोटाई.

ऊंचाई - एक नियंत्रण के शीर्ष और निचले किनारों के बीच की दूरी.

HoverBorderColor – नियंत्रण की बॉर्डर का रंग जब उपयोगकर्ता माउस के पॉइंटर को नियंत्रण पर रखता है.

HoverFill – नियंत्रण के पृष्ठभूमि का रंग, जब उपयोगकर्ता माउस के पॉइंटर को इस पर रखता है.

ImagePosition – एक स्क्रीन में एक छवि या एक नियंत्रण की स्थिति (भरण, फिट, स्ट्रेच, टाइल, या मध्य), अगर यह छवि के समान आकार की नहीं है.

ImageRotation – छवि को दिखाने से पहले कैसे घुमाएं. मान हो सकता है कुछ नहीं, दक्षिणावर्त्त (CW) 90 डिग्री, वामावर्त्त (CCW) 90 डिग्री और दक्षिणावर्त्त 180 डिग्री.

OnSelect – जब उपयोगकर्ता किसी नियंत्रण को टैप या क्लिक करता है, तो की जाने वाली कार्रवाइयां.

OriginalHeight – एक छवि की मूल ऊँचाई, CalculateOriginalDimensions गुण के साथ सक्षम.

OriginalWidth – एक छवि की मूल चौड़ाई, CalculateOriginalDimensions गुण के साथ सक्षम.

PaddingBottom – एक नियंत्रण में पाठ और उस नियंत्रण के निचले किनारे के बीच की दूरी.

PaddingLeft – एक नियंत्रण में पाठ और उस नियंत्रण के बाएं किनारे के बीच की दूरी.

PaddingRight – एक नियंत्रण में पाठ और उस नियंत्रण के दाएं किनारे के बीच की दूरी.

PaddingTop – एक नियंत्रण में पाठ और उस नियंत्रण के ऊपरी किनारे के बीच की दूरी.

PressedBorderColor – उपयोगकर्ता द्वारा उस नियंत्रण को टैप या क्लिक करने पर नियंत्रण की बॉर्डर का रंग.

PressedFill – नियंत्रण का पृष्ठभूमि रंग जब उपयोगकर्ता उस नियंत्रण को टैप या क्लिक करता है.

RadiusBottomLeft – डिग्री जिसमें नियंत्रण का निचले-बांया कोना गोलाकार है.

RadiusBottomRight – डिग्री जिसमें नियंत्रण का निचले-दाहिना कोना गोलाकार है.

RadiusTopLeft – डिग्री जिसमें नियंत्रण का शीर्ष बांया कोना गोलाकार है.

RadiusTopRight – डिग्री जिसमें नियंत्रण का शीर्ष दाहिना कोना गोलाकार है.

TabIndex – अन्य नियंत्रणों के संबंध में कुंजीपटल नेविगेशन क्रम.

Tooltip – व्याख्यात्मक पाठ जो उपयोगकर्ता द्वारा एक नियंत्रण पर कर्सर को ले जाने पर प्रकट होता है.

पारदर्शिता – वह डिग्री जो किसी छवि के पीछे नियंत्रित होती है, दिखाई देती है. 0 से 1 तक दशमलव मान होता है. 0.5 अर्ध-पारदर्शी है और 1 पारदर्शी है वहीं 0 अपारदर्शी है.

दृश्यमान – नियंत्रण दिखाई देता है या छुपा हुआ है.

चौड़ाई - एक नियंत्रण के बाएँ और दाएँ किनारों के बीच की दूरी.

X – एक नियंत्रण के बाएं किनारे और उसके पैरेंट कंटेनर के बाएं किनारे की बीच की दूरी (स्क्रीन करें, यदि कोई पैरेंट कंटेनर नहीं है).

Y – नियंत्रण के शीर्ष किनारे और पैरेंट कंटेनर के शीर्ष किनारे के बीच की दूरी (स्क्रीन करें, यदि कोई पैरेंट कंटेनर नहीं है).

संबंधित फ़ंक्शन

हटाएं( DataSource, ThisItem )

उदाहरण

स्थानीय फ़ाइल से एक छवि दिखाएं

1. फ़ाइल मेनू पर, मीडिया क्लिक या टैप करें, और फिर ब्राउज़ करें पर क्लिक या टैप करें.

2. उस छवि फ़ाइल को क्लिक या टैप करें जिसे आप जोड़ना चाहते हैं, खोलें क्लिक या टैप करें, और फिर डिफ़ॉल्ट कार्यस्थान पर वापस जाने के लिए Esc दबाएं.

3. एक छवि नियंत्रण जोड़ें, और अपने छवि गुण को आपके द्वारा जोड़ी गई फ़ाइल के नाम पर सेट करें.

   नियंत्रण जोड़ें और कॉन्फ़िगर करना नहीं जानते?

   छवि नियंत्रण आपके द्वारा निर्दिष्ट छवि दिखाता है.

डेटा स्रोत से छवियों का एक सेट दिखाएं

1. इस एक्सेल फ़ाइल को डाउनलोड करें, और इसे अपने स्थानीय डिवाइस पर सहेजें।

2. Power Apps Studio में, ऐप बनाएं या खोलें, और फिर दाईं ओर फलक में डेटा स्रोत जोड़ें पर क्लिक या टैप करें.

   यदि डेटा स्रोत जोड़ें दाएं हाथ के फलक में दिखाई नहीं देता है, तो बाएं नेविगेशन बार में स्क्रीन पर क्लिक या टैप करें.

3. अपने ऐप में स्थैतिक डेटा जोड़ें या क्लिक करें, आपके द्वारा डाउनलोड की गई Excel फ़ाइल को क्लिक या टैप करें, और फिर ओपन पर क्लिक या टैप करें.

4. फ़्लोरिंग अनुमान चेक बॉक्स चुनें और फिर कनेक्ट पर क्लिक या टैप करें.

5. छवियों के साथ एक गैलरी नियंत्रण जोड़ें, और इसके आइटम्स गुण को FlooringEstimates में सेट करें.

   नियंत्रण जोड़ें और कॉन्फ़िगर करना नहीं जानते?

   गैलरी नियंत्रण आपके द्वारा डाउनलोड की गई Excel फ़ाइल में लिंक के आधार पर कार्पेट, हार्डवुड और टाइल उत्पादों की छवियां दिखाता है.

पहुँच-योग्यता दिशा-निर्देश

रंग कॉन्ट्रास्ट

• मानक रंग कॉन्ट्रास्ट आवश्यकताएं लागू होता है, यदि ग्राफिक को एक बटन की तरह प्रयुक्त किया जाता है.
• छवि के भीतर कॉन्ट्रास्ट मुद्दों के लिए परीक्षण पर विचार करें, अगर यह विशुद्ध रूप से सजावटी नहीं है.

स्क्रीन रीडर समर्थन

• AccessibleLabel को महत्वपूर्ण ग्राफ़िक्स के लिए सेट होना चाहिए.

• यदि ग्राफ़िक सजावट के लिए है या अनावश्यक जानकारी देता है, तो AccessibleLabel को खाली छोड़ दें या इसे खाली स्ट्रिंग "" पर सेट करें. स्क्रीन रीडर इन ग्राफ़िक्स को नज़रअंदाज़ कर देंगे.

उदाहरण के लिए, आप किसी पैडलॉक की छवि को एक लेबल के बगल में रख सकते हैं जो कहता है कि यह प्रपत्र संशोधित नहीं हो सकता. आपको छवि के लिए AccessibleLabel की आवश्यकता नहीं है क्योंकि लेबल पहले से ही इसका अर्थ समझाता है.

महत्वपूर्ण

जब TabIndex शून्य या उससे अधिक होता है, तो छवि एक बटन बन जाता है. इसका स्वरूप नहीं बदलता है, लेकिन स्क्रीन रीडर इसे एक बटन के रूप में मानेंगे. वे नियंत्रण की उपेक्षा नहीं करेंगे, भले ही AccessibleLabel खाली हो.

कीबोर्ड समर्थन

• TabIndex शून्य या अधिक होना चाहिए, यदि ग्राफिक का उपयोग बटन के रूप में किया जाता है तो. कीबोर्ड उपयोगकर्ता तब उस पर नेविगेट कर सकते हैं.

• यदि ग्राफिक का उपयोग बटन के रूप में किया जाता है, तो फोकस संकेतक स्पष्ट रूप से दिखाई देने चाहिए. इस परिणाम को प्राप्त करने के लिए FocusedBorderColor और FocusedBorderThickness का उपयोग करें.

नोट

क्या आप हमें अपनी दस्तावेज़ीकरण भाषा वरीयताओं के बारे में बता सकते हैं? एक छोटा सर्वेक्षण पूरा करें. (कृपया ध्यान दें कि यह सर्वेक्षण अंग्रेज़ी में है)

सर्वेक्षण में लगभग सात मिनट लगेंगे. कोई भी व्यक्तिगत डेटा एकत्र नहीं किया जाता है (गोपनीयता कथन).