Power Apps Studio में नेविगेट करना

Power Apps परिचय

Luise Freese

Azure & Power Platform Architect

मेकर पोर्टल

 

  • अपने work अकाउंट से make.powerapps.com पर साइन इन करें
  • बाएँ नेविगेशन: Home, + Create, Apps, Tables, Flows
  • इस कोर्स में जो भी बनाएँगे, सब यहीं रहेगा

 

make.powerapps.com पर Power Apps maker portal का होम पेज, जिसमें बाएँ नेविगेशन और Start-with टाइलों वाला वेलकम स्क्रीन दिख रहा है

Power Apps परिचय

ब्लैंक कैनवस ऐप बनाना

 

  • बाएँ नेव में + Create पर क्लिक करें
  • Start from design के तहत Create from blank चुनें
  • Tablet या Phone चुनें; आप इसे सेव करते समय नाम देंगे

 

make.powerapps.com पर Power Apps का Create पेज, जहाँ Start from design में Create from blank, Split-screen, Sidebar, और Header लेआउट विकल्प दिख रहे हैं

Power Apps परिचय

Modern controls On करें

  • ऐप-स्तर की सेटिंग
  • डिफ़ॉल्ट रूप से Off
  • यदि टीममेट ने पहले सक्षम किया है तो पहले से On

 

Power Apps Studio कमांड बार में तीन-डॉट मेनू खुला है, जहाँ Insert, Add data, New screen, Theme, और background विकल्पों के नीचे Settings हाइलाइटेड है

 

Power Apps की Settings डायलॉग, Updates टैब पर, New सब-टैब चुना हुआ, जहाँ Modern controls and themes का टॉगल On है

Power Apps परिचय

स्टूडियो एडिटर के अंदर

 

1. Tree View (बाएँ): हर screen और control; select करने हेतु क्लिक करें, rename करने को डबल-क्लिक करें

2. Canvas (बीच): controls को विजुअली अरेंज करें

3. Properties panel (दाएँ): चयनित control की settings

4. Formula bar (ऊपर): Power Fx expressions लिखें

 

Power Apps Studio में चार नंबर वाले कॉलआउट: 1 बाएँ Tree view, 2 बीच का canvas, 3 दाएँ Properties panel, और 4 ऊपर formula bar दिखा रहा है

Power Apps परिचय

कंट्रोल जोड़ना

 

  • कैटलॉग खोलने के लिए + Insert पर क्लिक करें
  • Text label, Text input, Button ड्रॉप करें
  • हर control में properties होती हैं: Text, Fill, Size, आदि

 

Power Apps Studio का Insert पैनल टूलबार से खुला है, जिसमें Text label, Button, और Gallery जैसी श्रेणियाँ सूचीबद्ध हैं

Power Apps परिचय

अपने ऐप का प्रीव्यू करें

 

Power Apps Studio प्रीव्यू मोड में ऐप रन हो रहा है

 

  • ऐप चलाने के लिए ऊपर-दाएँ ▷ प्ले बटन क्लिक करें
  • बटन क्लिक करें, इनपुट में टाइप करें; यह वास्तविक ऐप जैसा व्यवहार करेगा
  • एडिटर पर लौटने के लिए ✕ क्लिक करें
Power Apps परिचय

Save बनाम Publish

 

  • Save, आपका काम सुरक्षित रखता है
  • Publish, जिसे आप शेयर करें उनके लिए यह वर्ज़न live करता है
  • हम Chapter 4 में सही तरीके से publish करेंगे

$$

Power Apps Studio टूलबार में ऊपर-दाएँ Save और Publish आइकॉन हाइलाइटेड, साथ में Editing, Properties, Comments, App Checker, Share, और Preview बटन

Power Apps परिचय

कंटेनर बाद में आएँगे

दो फ़ोन-ऐप स्क्रीन साथ-साथ। बाएँ, "Now: blank screen" लेबल के साथ, खाली कैनवस पर एक अकेला बटन दिखता है। दाएँ, "Chapter 4: layouts" लेबल के साथ, वही बटन एक horizontal container में है और अन्य कंट्रोल उसके आसपास aligned हैं.

 

  • आगे: एक ब्लैंक स्क्रीन ताकि आप हर control देखें
  • Chapter 4: layout containers ताकि ऐप responsive रहे
  • अभी alignment की चिंता न करें
Power Apps परिचय

आप क्या बनाएँगे

 

  • एक ब्लैंक कैनवस ऐप बनाएँ
  • दो स्क्रीन और अपने पहले कंट्रोल जोड़ें
  • ▷ प्ले बटन से सबका प्रीव्यू करें

$$

Power Apps Studio का वास्तविक स्क्रीनशॉट, जिसमें Library Sign-in ऐप दिख रहा है: बाएँ Tree View में Screen1 (Label, Button, TextInput कंट्रोल्स के साथ) और Screen2 सूचीबद्ध, कैनवस पर साइन-इन स्क्रीन टील हैडर, Welcome टेक्स्ट, name इनपुट, Sign in बटन, और Thanks Priya संदेश के साथ, तथा दाएँ Properties पैनल

Power Apps परिचय

अभ्यास करते हैं!

Power Apps परिचय

Preparing Video For Download...