Power Apps - uloženie fotky v knižnici SharePoint

Často žiadanou funkciou mnohých aplikácií Power Apps je fotiť a následne umožniť užívateľovi pridať fotografiu do knižnice SharePoint. Na jednej strane užívatelia v mobilnom zariadení nasnímajú fotografiu pomocou fotoaparátu a na strane druhej, používatelia počítačov vyberajú obrázok z priečinka a nahrajú ho. Ovládací prvok Pridať obrázok v Power Apps robí oboje. V tomto článku vám ukážem, ako používať ovládací prvok Pridať obrázok v Power Apps a uložiť obrázok do knižnice SharePoint.

Aplikácia pre tablety - Fotogaléria

Vytvorme si spolu v Power Apps aplikáciu, ktorá bude mať dáta uložené v zozname na SharePointe. Začnime vytvorením novej Knižnice dokumentov s názvom ObrazkyBlogu. Pridajme do knižnice textový stĺpec s názvom Oznacenie. Potom umiestnime niekoľko fotografií s označením do knižnice, ako je to znázornené nižšie.

Otvoríme Power Apps Štúdio a vytvoríme prázdnu aplikáciu plátna pre tablety. Vložíme prvok Označenie a do vlastnosti Text môžeme napísať názov Fotogaléria. Nezabudneme pridať Zdroj údajov - našu knižnicu SharePoint a ikonu Refresh ktorej vlastnosť OnSelect nastavíme takto:

Refresh(ObrazkyBlogu)

Potom do aplikácie vložíme novú prázdnu galériu ktorej vlastnosť Itmes nastavíme na našu SharePoint knižnicu ObrazkyBlogu. Vlastnosť WrapCount pre galériu nastavíme na hodnotu 4 a vo vlastnosti TemplateFill nastavíme šedé pozadie RGBA(237; 237; 237; 1). Vložíme aj prvok Oznacenie, ktorému vlastnosť Text nastavíme ThisItem.Oznacenie. Najdôležitejšie ale je vložiť Obrázok, ktorému (inak neuvidíme náhľady obrázkov) vlastnosť Image nastavíme takto:

ThisItem.Miniatúra.Large

Vložíme ovládací prvok Pridať obrázok, Vstup textu a Tlačítko. Vstup textu a Tlačítko chceme mať aktívne, iba ak je vybraný obrázok pripravený na odoslanie do knižnice na SharePointe, preto im vlastnosť DisplayMode nastavíme nasledovne:

If(IsBlank(AddMediaButton.Media); DisplayMode.Disabled; DisplayMode.Edit)

Odovzdanie fotografie do knižnice SharePointu pomocou Power Automate

Po pridaní obrázka, či už cez fotoaparát alebo z knižnice obrázkov zariadenia, užívateľ pridá označenie (popis) a fotku odošle na SharePoint. Neexistuje žiadny spôsob, ako priamo nahrať obrázok z Power Apps do knižnice dokumentov SharePoint, takže musíme vytvoriť automatizovaný postup. Otvoríme Power Automate a vytvoríme nový postup/proces: Automatizovaný cloudový postup, ďalej vyberieme spúšťač Power Apps (V2):

Postup pomenujeme napríklad Nahraj foto na SharePoint (blog), uložíme ho a vrátime sa do Power Apps Štúdia. Klikneme na naše pripravené tlačítko, následne zo záložky Akcia vyberieme Power Automate a náš pripravený postup:

Vygenerovaný kód nahradíme vlastným, kde zadefinujeme jedinečný názov fotky z funkcie Now():

'NahrajfotonaSharePoint(blog)'.Run(
txtOznacenieObrazka.Text;
{
file: {
name: Year(Now()) & Text(
Month(Now());
"[$-sk-SK]00"
) & Text(
Day(Now());
"[$-sk-SK]00"
) & Text(
Hour(Now());
"[$-sk-SK]00"
) & Text(
Minute(Now());
"[$-sk-SK]00"
) & Text(
Second(Now());
"[$-sk-SK]00"
) & ".jpg";
contentBytes: UploadedImage.Image
}
}
)

Blížime sa do finále, vyberieme obrázok, pridáme označenie (už aktívne) a môžeme odoslať na SharePoint:

Fotka v galérii sa objaví po pár sekundách, samozrejme musíme spraviť Refresh (kliknutím na ikonku vpravo hore, prípadne môžeme vložiť časovač a nastaviť automatický Refresh podľa potreby, napríklad každých 10-15 sekúnd). Na záver vymažeme samotnú (odoslanú) fotku z ovládacieho prvku aj s označením - pridáme na koniec predchádzajúceho kódu:

;; Reset(txtOznacenieObrazka);; Reset(AddMediaButton)

_video o Power Apps - uloženie fotky v knižnici SharePoint

Pozrite si krátke video z reálneho fungovania a odozvy na zariadení iPad mini 5. generácie.

Power Apps mobilná aplikácia pri práci s fotkami pracuje svižne a bez komplikácií. Je úplne jedno, či sa fotka vyberá z knižnice už vytvorených fotiek alebo sa sníma nová fotka pomocou kamery v zariadení.

Stiahnite si Power Apps appku Fotogaléria

Mobilnú aplikáciu, ktorú sme práve vytvorili v Power Apps, dávam bezplatne k dispozícii, kľudne si ju môžete stiahnuť a detailne si pozrieť jednotlivé nastavenia a príkazy.

Stiahnúť aplikáciu

Páčil sa vám tento článok alebo máte otázku?

Ak sa vám článok páčil, ohodnoťte ho v úvodnej (hornej) časti. Ak máte nejaké otázky k ukladaniu fotiek na SharePoint v Power Apps, napíšte nám.

#PowerAppsSK #SoftverNaMieru #PowerApps

Máte pre nás nový projekt?

Začať