Објашњење образаца у апликацијама са подлогом

Додајте три врсте контрола у апликацију подлоге како би корисник могао да прегледа запис, прикаже детаље о том запису и измени или креира запис:

Активност	Контрола	Опис
Прегледајте запис	Контрола Галерија	Филтрирајте, сортирајте, претражите и прегледајте записе у извору података и изаберите одређени запис. Прикажите само неколико поља из сваког записа да бисте истовремено приказали неколико записа, чак и на малом екрану.
Прикажи детаље о снимку	Контрола Образац за приказ	За један запис прикажите много или сва поља у том запису.
Уређивање или креирање локације	Контрола Уређивање обрасца	Ажурирајте једно или више поља у једном запису (или креирајте запис почевши са подразумеваним вредностима) и сачувајте те измене у основни извор података.

Сваку контролу ставите на други екран да бисте их лакше разликовали:

Као што се описује у овој теми, комбинујте ове контроле са формулама да бисте створили целокупно корисничко искуство.

Предуслови

• Региструјте се за Power Apps, а затим се пријавите помоћу истих акредитива које сте користили за регистрацију.
• Сазнајте како да конфигуришете контролу у услузи Power Apps.

Истражите генерисану апликацију

Power Apps може аутоматски да генерише апликацију на основу извора података који наведете. Свака апликација садржи три екрана са претходно описаним контролама и формуле које их повезују. Покрените ове апликације по први пут, прилагодите их вашим специфичним циљевима или испитајте како раде, тако да можете да усвојите корисне концепте који се односе на ваше апликације. У наредним одељцима прегледајте екране, контроле и формуле које покрећу генерисану апликацију.

Екран за преглед

Овај екран садржи следеће кључне формуле:

Control	Подржано понашање	Формула
BrowseGallery1	Прикажите записе из извора података Средства.	Својство галерије Ставке постављено је на формулу која је заснована на извору података Средства.
ImageNewItem1	Прикажите екран Уређивање и креирање на коме је свако поље постављено на подразумевану вредност, тако да корисник може лако да креира запис.	Својство слике OnSelect постављено је на ову формулу: NewForm( EditForm1 ); Navigate( EditScreen1, None )
NextArrow1 (у галерији)	Прикажите екран Детаљи да бисте приказали многа или сва поља тренутно изабраног записа.	Својство стрелице OnSelect постављено је на ову формулу: Navigate( DetailScreen1, None )

Примарна контрола на овом екрану, BrowseGallery1, покрива већину подручја екрана. Корисник може да се креће кроз галерију како би пронашао одређени запис за приказивање више поља или за ажурирање.

Подесите својство галерије Ставке за приказивање записа из извора података у њој. На пример, поставите то својство на Средства да бисте приказали записе из извора података са тим именом.

Напомена

У генерисаној апликацији, својство Ставке је постављено на знатно сложенију формулу тако да корисник може да сортира и тражи записе. Научићете како да саставите ту формулу касније у овој теми; за сада је довољна једноставнија верзија.

Уместо да нађе запис који ће се приказати или изменити, корисник може да креира запис избором симбола „+“ изнад галерије. Креирајте овај ефекат додавањем контроле Image, показујући симбол „+“ у њему и подешавајући његово својство OnSelect према овој формули:
NewForm( EditForm1 ); Navigate( EditScreen1, None )

Ова формула отвара екран Уређивање и креирање који садржи контролу Уређивање обрасца под називом EditForm1. Формула такође претвара тај облик у режиму Новo, у ком образац приказује задате вредности из извора података тако да корисник може лако да креира запис од нуле.

Да бисте прегледали све контроле које се појаве у BrowseGallery1, изаберите ту контролу у првом одељку те галерије, која служи као предложак за све остале одељке. На пример, одаберите средњу контролу Ознака на левој ивици:

У овом примеру је својство контроле Text постављено на ThisItem.AssignedTo, што је поље у извору података Средства. Својство Text остале три контроле Ознака у галерији постављене су на сличне формуле, а свака контрола приказује другачије поље у извору података.

Изаберите контролу Облик (стрелица) и потврдите да је њено својство OnSelect постављено на ову формулу:
Navigate( DetailScreen1, None )

Ако корисник нађе запис у BrowseGallery1, може изабрати стрелицу за тај запис да би приказао више информација о њему у DetailScreen1. Избором стрелице корисник мења вредност својства Изабрано у BrowseGallery1. У овој апликацији то својство одређује у ком се запису појављује не само екран DetailScreen1, већ и екран Уређивање и креирање ако корисник одлучи да ажурира запис.

Екран детаља

Овај екран садржи следеће кључне формуле:

Control	Подржано понашање	Формула
DetailForm1	Приказује запис у извору података Средства	Подесите својство Извор података на Средства.
DetailForm1	Одређује који запис треба приказати. У генерисаној апликацији приказује запис који је корисник изабрао у галерији.	Подесите својство Ставка ове контроле на следећу вредност: BrowseGallery1.Selected
Контроле Картица	У контроли Образац за приказ приказује једно поље у запису.	Подесите својство DataField као име поља, под наводницима (на пример, "Име").
ImageBackArrow1	Када корисник изабере ову контролу, отвара се BrowseScreen1.	Подесите својство OnSelect према овој формули: Back()
ImageDelete1	Када корисник изабере ову контролу, брише запис.	Подесите својство OnSelect према овој формули: Remove( Assets, BrowseGallery1.Selected )
ImageEdit1	Када корисник изабере ову контролу, отвара екран Уређивање и креирање на тренутни запис.	Подесите својство OnSelect према овој формули: Navigate( EditScreen1, None )

На врху екрана се налазе три слике изван DetailForm1 и имају улогу тастера, посредујући између три екрана апликације.

DetailForm1 доминира на овом екрану и приказује запис који је корисник изабрао у галерији (зато што је својство обрасца Ставка постављено на BrowseGallery1.Selected). Својство DataSource у обрасцу такође садржи метаподатке о извору података, као што је прилагођени назив приказа за свако поље.

DetailForm1 садржи неколико контрола Картица. Можете одабрати саму контролу Картица или контролу коју она садржи да бисте открили додатне информације.

Својство DataField контроле Картица одређује које поље картица приказује. У овом случају је то својство постављено на AssetID. Картица садржи контролу Ознака за коју је својство Текст постављено на Parent.Default. Ова контрола показује вредност Подразумевано за картицу која се поставља преко својства DataField.

У генерисаној апликацији, контроле Картица су подразумевано закључане. Када је картица закључана, не можете модификовати нека својства, попут DataField, а трака формуле није доступна за та својства. Ово ограничење помаже да осигурате да ваша прилагођавања не наруше основну функционалност генерисане апликације. Међутим, можете променити неке особине картице и њених контрола у десном окну:

У десном окну можете изабрати која ће се поља приказивати и у којој се врсти контроле приказује свако поље.

Екран Уређивање/Креирање

Овај екран садржи следеће кључне формуле:

Control	Подржано понашање	Формула
EditForm1	Приказује запис у извору података Средства.	Подесите својство Извор података на Средства.
EditForm1	Одређује који запис треба приказати. У генерисаној апликацији приказује запис који је корисник изабрао у BrowseScreen1.	Подесите својство Item на ову вредност: BrowseGallery1.Selected
Контроле Картица	У контроли Уређивање обрасца пружају се контроле тако да корисник може да уређује једно или више поља у запису.	Подесите својство DataField као име поља, под наводницима (на пример, "Име").
ImageCancel1	Када корисник изабере ову контролу, одбацује све промене у току и отвара екран Детаљи.	Подесите својство OnSelect према овој формули: ResetForm( EditForm1 ); Back()
ImageAccept1	Када корисник изабере ову контролу, подноси измене у извор података.	Подесите својство OnSelect према овој формули: SubmitForm( EditForm1 )
EditForm1	Ако су промене прихваћене, враћа се на претходни екран.	Подесите својство OnSuccess према овој формули: Back()
EditForm1	Ако промене нису прихваћене, останите на тренутном екрану како би корисник могао да поправи било какве проблеме и покуша поново да га пошаље.	Оставите својство OnFailure празно.
LblFormError1	Ако промене нису прихваћене, приказује се порука о грешци.	Подесите својство Text на ову вредност: EditForm1.Error

Као на екрану Details, контрола обрасца, под називом EditForm1, доминира на екрану Уређивање и креирање. Осим тога својство Item обрасца EditForm1 је подешено на BrowseGallery1.Selected, тако да образац приказује запис који је корисник изабрао у BrowseScreen1. Док се на екрану Детаљи свако поље приказује само за читање, корисник може ажурирати вредност једног или више поља користећи контроле у EditForm1. Такође користи својство Извор података за приступ метаподацима о овом извору података, као што је прилагођено име приказа за свако поље и локацију на којој би требало да се сачувају промене.

Ако корисник изабере икону „X“ да би отказао ажурирање, функција ResetForm одбацује све несачуване промене, а функција Back отвара екран Детаљи. Екран Детаљи и екран Уређивање и креирање приказује исти запис све док корисник не изабере неки други на екрану BrowseScreen1. Поља у том запису остају постављена на вредности које су недавно сачуване, а не на било какве промене које је корисник извршио и затим напустио.

Ако корисник промени једну или више вредности у обрасцу, а затим изабере икону ознаке потврде, функција SubmitForm шаље корисничке промене у извор података.

• Ако се промене успешно сачувају, покреће се формула обрасца OnSuccess и функција Back() отвара екран са детаљима како би се приказао ажурирани запис.
• Ако промене нису успешно сачуване, покреће се формула обрасца OnFailure, али то ништа не мења јер је празно. Екран Уређивање и креирање остаје отворен тако да корисник може отказати промене или поправити грешку. LblFormError1 приказује прилагођену корисничку поруку о грешци, на коју је постављено својство обрасца Грешка.

Попут контроле Образац за приказ, контрола Уређивање обрасца садржи контроле Картица, а оне садрже друге контроле које показују различита поља у запису:

На претходној слици изабрана картица приказује поље AssetID и садржи контролу Унос текста тако да корисник може да уређује вредност тог поља. (Насупрот томе, екран с детаљима приказује исто поље у контроли Ознака која је само за читање.) Контрола Унос текста има Подразумевано својство које је постављено на Parent.Default. Ако је корисник креирао запис уместо да га уређује, та контрола би показала почетну вредност коју корисник може променити за нови запис.

У десном окну можете да прикажете или сакријете сваку картицу, да их преуредите или конфигуришете да приказују поља у различитим врстама контрола.

Градња апликације испочетка

Када разумевате како Power Apps генерише апликацију, можете сами да направите апликацију која користи исте саставне делове и формуле о којима смо раније говорили у овој теми.

Препознавање пробних података

Да бисте максимално искористили ову тему, почните са извором података са којим можете експериментисати. Требало би да садржи пробне податке које можете безбрижно читати и ажурирати.

Напомена

Ако користите листу креирану у услузи Microsoft Lists, SharePoint библиотеку или Excel табелу која садржи називе колона са размацима као извор података, Power Apps ће заменити размаке са "_x0020_". На пример, „Назив колоне“ у SharePoint листи или програми Excel ће се приказати као „Назив_x0020_колоне“ у услузи Power Apps када се прикаже у распореду података или се користи у формули.

Да бисте тачно пратили остатак ове теме, направите листу под називом „Сладолед“ која садржи ове податке:

• Направите апликацију испочетка, за телефоне и повежите је са извором података.

  Напомена

  Апликације за таблете су врло сличне, али можда ћете желети другачији распоред на екрану да бисте искористили додатни простор на екрану.

  Примери у остатку теме се заснивају на извору података под називом Сладолед.

Прегледање записа

Набавите брзи податак из записа тако што ћете га пронаћи у галерији на екрану за прегледање.

1. Додајте галерију Вертикално и промените распоред само за Наслов.

   

2. Подесите својство галерије Ставке на Сладолед.

3. Подесите својство Текст прве ознаке у галерији на ThisItem.Title ако је постављено на нешто друго.

   Ознака сада приказује вредност у пољу Наслов за сваки запис.

   

4. Промените величину галерије да бисте испунили екран и подесили својство TemplateSize на 60.

   Екран подсећа на овај пример, који приказује све записе у извору података:

   

Прикажи детаље

Ако галерија не приказује жељене податке, изаберите стрелицу за запис да бисте отворили екран са детаљима. Контрола Образац за приказ на том екрану приказује више поља, вероватно сва, за запис који сте изабрали.

Контрола Образац за приказ користи два својства за приказ записа:

• Својство Извор података. Назив извора података који држи запис. Ово својство попуњава пољима таблу са десне стране и одређује име за приказ и врсту података (низ, број, датум итд.) сваког поља.
• Својство Ставка. Записа за приказивање. Ово својство је често повезано са својством Изабрано у контроли Галерија, тако да корисник може да изабере запис у контроли Галерија, а затим да упише у тај запис.

Када је својство Извор података постављено, можете додати и уклонити поља преко десног окна и променити начин приказивања.

На овом екрану корисници не могу намерно или случајно променити било коју вредност записа. Контрола Образац за приказ је контрола само за читање, тако да неће мењати запис.

Да бисте додали контролу Образац за приказ:

1. Додајте екран, а затим на њега додајте контролу Образац за приказ
2. Подесите својство Извор података контроле обрасца на 'Сладолед'.

У десном окну можете изабрати поља која ће се приказивати на екрану и врсту картице која ће се приказивати за свако поље. Док уносите измене у десном окну, својство DataField на свакој контроли Картица се поставља на поље са којим ће корисник комуницирати. Екран треба да изгледа као овај пример:

На крају, морамо да повежемо контролу Образац за приказ са контролом Галерија тако да можемо погледати детаље за одређени запис. Чим завршимо постављање својства Ставка, први запис из галерије ће се појавити у нашем обрасцу.

• Подесите својство Ставка контроле Образац за приказ на Gallery1.Selected.

  У обрасцу се појављују детаљи за изабрану ставку.

  

Сјајно! Сада се окрећемо навигацији: како корисник отвара екран детаља са екрана галерије и отвара екран галерије са екрана детаља.

• Додајте контролу Дугме на екран, подесите својство Текст да покаже Back и поставите својство OnSelect на Back().

  Ова формула враћа корисника назад у галерију када заврши са прегледом детаља.

  

Вратимо се сада контроли Галерија и додајте мало навигације нашем екрану детаља.

1. Пребаците се на први екран који хостује контролу Галерија и изаберите стрелицу у првој ставци у галерији.

2. Подесите својство OnSelect облика према овој формули:
   Navigate( Screen2, None )

   

3. Притисните F5, а затим одаберите стрелицу у галерији да бисте приказали детаље о ставци.

4. Изаберите дугме Back да бисте се вратили у галерију производа, а затим притисните тастер Esc.

Уређивање детаља

Коначно, наша последња основна активност је промена садржаја записа који корисници извршавају у контроли Уређивање обрасца.

Контрола Уређивање обрасца користи два својства за приказ и уређивање записа:

• Својство Извор података. Назив извора података који држи запис. Као код контроле Приказ обрасца, ово својство попуњава пољима таблу са десне стране и одређује име за приказ и врсту података (низ, број, датум итд.) за свако поље. Ово својство такође одређује да ли је вредност сваког поља валидна пре него што га пошаљете у основни извор података.
• Својство Ставка. Запис за уређивање, који је често повезан са својством Изабрано у контроли Галерија. На тај начин можете да изаберете запис у контроли Галерија, да га прикажете на екрану са детаљима и да га уредите на екрану Уређивање и креирање.

Да бисте додали контролу Уређивање обрасца:

1. Додајте екран, додајте контролу Уређивање обрасца, а затим подесите својство обрасца Извор података на 'Сладолед'.
2. Подесите својство Ставка на Gallery1.Selected.

Сада можете изабрати поља која ће се приказивати на екрану. Такође можете изабрати који се тип картице приказује за свако поље. Док уносите измене у десном окну, својство DataField на свакој контроли Картица се поставља на поље са којим ће корисник комуницирати. Екран треба да изгледа као овај пример:

Ова два својства су иста као својства у контроли Образац за приказ. И само са овим можемо приказати детаље записа.

Контрола Уређивање обрасца иде даље, нудећи функцију SubmitForm за упис промена у извор података. Ово користите помоћу дугмета или контроле слике да бисте сачували промене корисника.

• Додајте контролу Дугме, подесите својство Текст да покаже Сачувај и поставите својство OnSelect на следећу формулу:
  SubmitForm( Form1 )

Да бисте додали навигацију на овај екран и са њега:

1. Додајте још једну контролу Дугме, подесите својство Текст да покаже Откажи и поставите својство OnSelect на следећу формулу:
   ResetForm( Form1 ); Back()

   Ова формула одбацује све несачуване измене и отвара претходни екран.

   

2. Подесите својство обрасца OnSuccess на Back().

   Када се исправке успешно сачувају, претходни екран (у овом случају екран са детаљима) се аутоматски отвара.

   

3. На екрану Приказ додајте дугме, подесите својство Текст тако да покаже Уређивање и подесите својство OnSelect на следећу формулу:
   Navigate( Screen3, None )

   

Изградили сте основну апликацију са три екрана за гледање и унос података. Да бисте га испробали, покажите екран галерије, а затим притисните F5 (или изаберите стрелицу напред „Преглед“ у горњем левом углу екрана). Ружичаста тачка означава где корисник треба да кликне или додирне екран на сваком кораку.

Креирање записа

Корисник комуницира са истим обрасцем Уређивање да би ажурирао и креирао записе. Кад корисник жели да креира запис, функција NewForm пребацује образац у режим Ново.

Кад се образац налази у режиму Ново, вредност сваког поља поставља се на подразумеване вредности извора података. Запис који је достављен својству обрасца Ставка се игнорише.

Када је корисник спреман да сачува нови запис, покреће се SubmitForm. Након успешног слања обрасца, образац се враћа назад на EditMode.

На првом екрану додаћете дугме Ново:

1. На екрану са галеријом додајте контролу Дугме.

2. Подесите својство дугмета Текст на Ново и његово својство OnSelect према овој формули:
   NewForm( Form1 ); Navigate( Screen3, None )

   Ова формула пребацује контролу Уређивање обрасца за Екран 3 на режим Ново и отвара тај екран тако да га корисник може попунити.

Када се отвори екран „Уређивање и креирање“, образац је празан и спреман да корисник дода ставку. Када корисник изабере дугме Сачувај, функција SubmitForm осигурава креирање, а не ажурирање записа. Ако корисник изабере дугме Откажи, функција ResetForm пребацује образац назад на режим Уређивање и функција Назад отвара екран за преглед галерије.

Брисање записа

1. На екрану Приказ додајте дугме и подесите његово својство Текст да покаже Избриши .

2. Подесите својство дугмета OnSelect према овој формули:
   Remove( 'Ice Cream', Gallery1.Selected ); Back()

   

Руковање грешкама

У овој апликацији долази до грешке када вредност поља није важећа, када је обавезно поље празно, ако нисте повезани на мрежу или када се појаве разни други проблеми.

Ако SubmitForm не успе из било ког разлога, својство Грешка у контроли Уређивање обрасца садржи поруку о грешци која се приказује кориснику. Помоћу ових информација корисник би требало да буде у могућности да исправи грешку и да поново пошаље промену, или може да откаже ажурирање.

1. На екрану „Уређивање и креирање“ додајте контролу Ознака и преместите је одмах испод дугмета Сачувај. Свака грешка се лако примећује након што корисник изабере ову контролу за чување промена.

2. Подесите својство Текст контроле Ознака да покаже Form1.Error.

   

У апликацији коју Power Apps генерише из података, својство AutoHeight на овој контроли је постављено на true тако да се не заузима простор ако се не догоди грешка. Својства Height и Y контроле Уређивање обрасца се такође динамички прилагођавају налогу како би ова контрола била већа када се јави грешка. За више детаља, генеришите апликацију из постојећих података и испитајте ова својства. Контрола текстуалног поља за грешке је врло кратка ако није дошло до грешке, можда ћете морати да отворите приказ Напредно (доступан на картици Приказ) да бисте изабрали ову контролу.

Освежи податке

Извор података се освежава сваки пут када корисник отвори апликацију, али корисник ће можда желети да освежи записе у галерији без затварања апликације. Додајте дугме Освежи тако да га корисник може изабрати да би ручно освежио податке:

1. На екран са контролом Галерија додајте контролу Дугме и подесите својство Текст да покаже Освежи.

2. Подесите својство OnSelect ове контроле на ову формулу:
   Refresh( 'Ice Cream' )

   

Претраживање и сортирање галерије

У апликацији коју је Power Apps генерисао из података, занемарили смо дискусију о две контроле на врху екрана Прегледање. Коришћењем ових контрола корисник може да претражује један или више записа, да сортира листу записа узлазним или силазним редоследом или оба.

Када корисник изабере дугме за сортирање, редослед сортирања галерије се мења. Да бисмо креирали ово понашање, користимо променљиву контекста за праћење смера у ком се галерија сортира. Када корисник изабере дугме, променљива се ажурира, а смер се обрне. Својство дугмета за сортирање OnSelect постављено је на ову формули: UpdateContext( {SortDescending1: !SortDescending1} )

Функција UpdateContext креира контекст променљиве SortDescending1 ако већ не постоји. Функција ће прочитати вредност променљиве и поставити је на логичку супротност помоћу оператора ! . Ако је вредност true, постаје false. Ако је вредност false, постаје true.

Формула за својство Ставке у контроли Галерија користи ову променљиву контекста, заједно са текстом у контроли TextSearchBox1:

Sort( 
    If( IsBlank(TextSearchBox1.Text),
        Assets,
        Filter( Assets, TextSearchBox1.Text in Text(ApproverEmail) ) 
    ),
    ApproverEmail,
    If(SortDescending1, Descending, Ascending) 
)

Хајде да разложимо:

• Споља имамо функцију Сортирај која узима три аргумента: табелу, поље по коме се сортира и правац у ком се сортира.

  • Смер сортирања је преузет из променљиве контекста која се пребацује када корисник изабере контролу ImageSortUpDown1. Вредност true/false се преводи у константе Опадајући и Растући.
  • Поље за сортирање је фиксирано за ApproverEmail. Ако промените поља која се појављују у галерији, мораћете да промените и овај аргумент.

• Са унутрашње стране имамо функцију Филтер која узима табелу као аргумент и израз да би проценила сваки запис.

  • Табела је сиров извор података реда Средства, што је почетна тачка пре филтрирања или сортирања.
  • Израз тражи инстанцу стринга у TextSearchBox1 унутар поља ApproverEmail. Дакле, ако промените поља која се појављују у галерији, мораћете да ажурирате и овај аргумент.
  • Ако је TextSearchBox1 празно, корисник жели да прикаже све записе и функција Филтер је заобиђена.

Ово је само један пример; можете да направите сопствену формулу за својство Ставке, у зависности од потреба ваше апликације, тако што ћете ускладити Филтер, Сортирај и друге функције и операторе.

Дизајн екрана

До сада нисмо разговарали о другим начинима дистрибуције контрола по екранима. То је зато што имате пуно опција, а најбољи избор зависи од ваших специфичних потреба.

Будући да је простор на екранима телефона веома ограничен, вероватно желите да прегледате, приказујете и уређујете/креирате на различитим екранима. У овој теми, функције Иди до и Назад отварају сваки екран.

На таблету можете да прегледате, приказујете и уређујете/креирате на два екрана или чак на једном. За ово друго ће бити потребна функција Иди до или Назад.

Ако корисник ради на истом екрану, морате бити опрезни да корисник не може променити избор у Галерија и потенцијално изгуби измене у контроли Уређивање обрасца. Да корисник не би могао да изабере други запис када промене у другом запису још нису сачуване, подесите својство галерије Онемогућено према овој формули:
EditForm.Unsaved

Напомена

Можете ли нам рећи о својим жељеним поставкама језика у документацији? Испуните кратку анкету. (имајте на уму да је ова анкета на енглеском језику)

Анкета ће трајати око седам минута. Не прикупљају се лични подаци (изјава о приватности).