Cvičení – návrh dalších stránek a e-mailů v Power Apps

10 min

V této lekci navrhnete některé další stránky pro podporu funkcí hybridní reality. Tyto stránky provádějí některé konkrétní funkce, které jsou potřeba k tomu, aby se aplikace správně chovala. K odeslání podrobností objednávky zákazníkům také použijete funkci e-mailu Power Apps.

Vytvořit stránku s poznámkami

Uživatel může pořizovat fotografie během relace Zobrazení v MR a následně je zobrazit prostřednictvím galerie. Na stránce Poznámkymůžete ukládat textové poznámky a obrázky zachycené během zobrazení v relaci MR.

Vytvořte dvě nové prázdné obrazovky a přejmenujte je Product_notes a Carpet_notes.
Navrhujte stránku Product_notes: Vyberte rozevírací seznam Vstupní a pak vyberte Textové zadání. Přejmenujte ho TextInput_products.
Vyberte Galerii>Horizontální, pokud chcete zahrnout horizontální typ galerie. Fotky pořízené během relace Zobrazení v MR budete ukládat do této galerie. Přejmenujte galerii View_products.
Umístěte galerii na druhou část obrazovky. Zachovejte pouze obrázek tak, že odstraníte titulek a nadpis . Zvětšete obrázek.
Vyberte galerii a nakonfigurujte vlastnost Items přidáním následujícího řádku:
```
ViewInMR1.Photos
```
Všechny obrázky pořízené v zobrazení během relace MR jsou uloženy v této galerii pro budoucí použití.
Pojďme vložit popisek v horní části obrazovky. Vyberte možnost Štítek a pak ji zarovnejte na střed. Přizpůsobte si umístění, barvu a zobrazení textu podle svých potřeb. Přejmenujte ho Notes_label.
Umístíme ikonu Zpět nad dříve přidanou Popisek, abychom uživateli pomohli přejít na domovskou stránku v případě potřeby. Pokud chcete přidat ikonu Zpět, na kartě Vložit rozbalte rozevírací seznam Ikony a pak vyberte ikonu Zpět.
Umístěte ikonu Zpět správně a nakonfigurujte vlastnost OnSelect přidáním následujícího příkazu:
```
Navigate(Product_details,ScreenTransition.Cover)
```
Přepněte na obrazovku Product_details a na kartě Vložení přidejte ikonu Poznámky z rozbalovací nabídky Ikony.
Nakonfigurujte vlastnost OnSelect ikony Poznámka přidáním následujícího řádku:
```
Navigate(Product_notes,ScreenTransition.CoverRight)
```
Replikujte stejný postup pro Notes_carpets.

Poznámka

Ve funkci Zobrazení nebudeme zahrnovat funkci MR pro kategorii koberců . U stránky Notes_carpets vylučte přidání ovládacího prvku galerie pro ukládání fotek pořízených během zobrazení v relaci MR.

Spropitné

Aplikaci můžete otestovat stisknutím klávesy F5 na klávesnici nebo výběrem tlačítka Přehrát v pravém horním rohu Power Apps Studia.

Stránka Pro vytvoření souhrnu objednávky

Přidejte tlačítka na obrazovky Product_details a Carpet_details. Přejmenujte tlačítka Order_product a Order_carpet. Změňte zobrazovaný text tlačítek na Objednávka.
Vytvořte dvě nové prázdné obrazovky a přejmenujte je Order_products a Order_carpets.
Vyberte obrazovku Product_details a potom následujícím způsobem nakonfigurujte vlastnost OnSelect tlačítka Order:
```
Navigate('Order_products',ScreenTransition.Cover)
```
Postupujte stejně pro obrazovku Carpet_details.
Na stránce Order_products vložte štítky Produkt, Cena, Barvaa Poznámky a odpovídajícím způsobem je přejmenujte.
Vložte prázdné štítky vedle Produktu, Ceny, Barvya Poznámky, jak je uvedeno na obrázku.

Vlastnost Text těchto prázdných popisků nakonfigurujte následujícím způsobem:

Produkt:
```
Gallery_products.Selected.Name
```
Cena:
```
Gallery_products.Selected.Price
```
Barva:
```
Gallery_products.Selected.Color
```
Poznámky:
```
TextInput_products.Text
```

Na začátek přidejte další popisek a změňte jeho zobrazovaný text na Souhrn objednávky. Změňte velikost písma a písmo podle svých potřeb.
Rozbalte rozevírací seznam galerie a vyberte Vodorovné. Zachovat pouze obraz; odstraňte další součásti galerie. Přejmenovat Order_gallery_products
Nakonfigurujte vlastnost Items této galerie přidáním následujícího řádku:
```
ViewInMR1.Photos
```
Přidejte tři popisky a změňte zobrazovaný text na Zadejte svůj e-mail a získejte e-mail s potvrzením objednávky., ID e-mailu organizace:a ID e-mailu zákazníka:, v uvedeném pořadí.
Rozbalte rozevírací seznam Vstupní a vyberte Textové zadání . Přidejte na obrazovku dvě komponenty vstupního pole a umístěte je tak, jak je znázorněno na obrázku. Přejmenujte je Input1_products a Input2_products.
Nakonfigurujte vlastnost textu nápovědy přidáním Zadejte ID e-mailu:; neukládejte žádnou hodnotu do vlastnosti Default. Upravte velikost a barvu písma podle potřeby.
Přidejte tlačítko z karty Vložit a nakonfigurujte jeho vlastnost Text přidáním Potvrdit.
Rozbalte rozevírací seznam Ikony a vyberte ikonu Zpět a ikonu Domů. Správně je umístěte, jak je znázorněno na obrázku.

Následujícím způsobem nakonfigurujte vlastnost OnSelect těchto dvou ikon:

zpět:

Navigate(Product_details,ScreenTransition.CoverRight)

domů:

Navigate('Home Page',ScreenTransition.CoverRight)

Postupujte stejným způsobem pro Order_carpets.

Vytvořit koncovou stránku

Vytvořte prázdnou obrazovku a přejmenujte ji koncovou stránku.
Přidejte popisek a změňte jeho zobrazovaný text na Objednávka úspěšně odeslána!. Na obrazovce umístěte popisek podle potřeby.
Přidejte tlačítko v dolní části obrazovky. Nakonfigurujte vlastnost Text tlačítka přidáním Nakupovat více. Pojďme uživatele nasměrovat na domovskou stránku: vyberte tlačítko Shop more a přidejte do vlastnosti OnSelect následující řádek.
```
Navigate('Home Page',ScreenTransition.Cover)
```
Rozbalte rozbalovací nabídku Media a vyberte Obrázek, abyste přidali komponentu obrázku na koncovou stránku .
Umístěte obrázek tak, jak je znázorněno na obrázku. Vyberte soubor loga k zobrazení.

Spropitné

Často ukládejte svou aplikaci tak, že nahoře vyberete kartu Soubor a vyberete možnost Uložit. Pokud se zobrazí výzva, vyberte možnost Cloud a pak vyberte Uložit.

Odesílání e-mailů přes Power Apps

Vyberte kartu Data a vyberte + Přidat data. Rozbalte konektory, pak vyberte Office 365 Outlook, aby se přidal jako jeden z konektorů pro tuto aplikaci.

Otevřete Order_products a nakonfigurujte tlačítko Potvrdit nastavením vlastnosti OnSelect přidáním následujících řádků:

Office365Outlook.SendEmailV2(Input1_products & ";"& Input2_products,"Order Summary","<b> Your order is successfully submitted! </b> <br> Order details are as follows: <ul> <li> Product: " & Order_product_name_details & "</li> <li> Price: " & Order_price_details & "</li> <li> Color: " & Order_color_details & "</li> </ul>Notes: " & TextInput_products & "<br><b> Thank you for shopping with us! </b>");
Navigate('End page',ScreenTransition.Cover)

Poznámka

Názvy použité v předchozí funkci se řídí konvencemi vytváření názvů používaných v této aplikaci v době vývoje. Funkci můžete přizpůsobit podle své aplikace.

Implementace předchozích kroků musí zajistit, aby vaše aplikace fungovala následujícím způsobem: vaše aplikace bude obsahovat Poznámky stránku pro uložení všech poznámek k relaci, stránku souhrnu objednávek pro kontrolu objednávky a odesílání e-mailů, a koncovou stránku, která zajistí vynikající uzavření aplikace.

Testování aplikace na mobilním zařízení

Zvolte odkaz ke stažení pro vaše zařízení:
- Pro iOS (iPad nebo iPhone) přejděte na App Store.
- Pro Android přejděte na Google Play.
Otevřete Power Apps na mobilním zařízení a přihlaste se pomocí přihlašovacích údajů účtu Microsoft.
Když se přihlásíte k mobilní aplikaci Power Apps, zobrazí se na výchozí obrazovce aplikace, které jste použili v poslední době.

Domovská obrazovka je výchozí při přihlášení. Zobrazí se aplikace, které jste použili v poslední době, a aplikace, které jste označili jako oblíbené.
Pokud chcete aplikaci spustit na mobilním zařízení, vyberte dlaždici aplikace. Pokud aplikaci plátna spouštíte poprvé pomocí mobilní aplikace Power Apps, zobrazí se na obrazovce gesta potáhnutí prstem.
Pokud chcete aplikaci zavřít, potáhněte prstem od levého okraje aplikace doprava. Na zařízeních s Androidem můžete také vybrat tlačítko Zpět a potvrdit, že chcete aplikaci zavřít.

Poznámka

Pokud aplikace vyžaduje připojení ke zdroji dat nebo oprávnění k používání funkcí zařízení (například služby fotoaparátu nebo zjišťování polohy), musíte udělit souhlas, abyste mohli aplikaci použít. Obvykle se zobrazí výzva jenom při prvním spuštění aplikace.