Power Apps Canvas: Sådan opretter du en app fra bunden

I denne vejledning vil jeg vise dig, hvordan du starter fra et tomt Power Apps-lærred og opretter en app fra bunden.

Da denne tutorial er beregnet tilbrugere, der er på mellemniveau, vil jeg antage, at du allerede ved, hvad skærme, gallerier og datakort er. På nuværende tidspunkt bør du også vide, hvordan du ændrer deres egenskaber, og hvad udløsere er. At have denne viden vil hjælpe dig med at arbejde gennem denne tutorial nemt.

I de tidligere tutorials om , startede jeg altid med en eksisterende skabelon, hvor alt er flot lagt. Denne gang starter vi på en ren tavle.

Indholdsfortegnelse

Start af et tomt Power Apps-lærred

For at oprette et tomt lærred skal du klikke på Ny under Fil-båndet. Gå derefter til Blank App. Lad os lave et tablet-layout for denne app.

Power Apps Canvas: Sådan opretter du en app fra bunden

Fordelen ved et tablet-layout er, at det også ser godt ud på webbrowserskærme og på din computer. Ikke alle organisationer bruger mobiltelefoner eller tablets i det arbejde, de udfører. I stedet bruger de bare webapps. Tablet-layoutet ville da være mere bekvemt for dem.

Sådan ser det tomme lærred ud.

Power Apps Canvas: Sådan opretter du en app fra bunden

Før du går i gang med selve appen, skal du først gemme den for at sikre, at du ikke mister noget, hvis noget går galt. Det kan du gøre ved at klikke på Gem som under Fil-båndet. For denne app vil jeg gemme den i skyen, så jeg ikke behøver at bekymre mig om at hente mine filer, hvis der sker noget galt med min enhed.

Power Apps Canvas: Sådan opretter du en app fra bunden

Jeg vil navngive denne FirstCanvasApp. Klik på Gem nederst til højre for at gemme dit arbejde.

Oprettelse af en masterskærm i dit Power Apps-lærred

Hvis der er én måde at gøre arbejdet med et tomt Power Apps-lærred mere effektivt på, er det at starte med en masterskærm.

En masterskærm fungerer som en basisskabelon, hvor hele din apps skærm vil være baseret på. Dette giver dig mulighed for at skabe en app, der bevarer et ensartet udseende hele vejen igennem.

Lad os bruge Screen1 her som vores hovedskærm. Bare klik på menuen i højre side for at omdøbe skærmen.

Power Apps Canvas: Sådan opretter du en app fra bunden

Vi vil kalde dette for MasterScreen.

Power Apps Canvas: Sådan opretter du en app fra bunden

Lad os nu tænke på, hvordan vi vil se ud. Husk, at fordi dette er hovedskærmen, vil alle de andre sider se sådan ud.

Vi kan starte med en titel helt øverst. Så klik på Ikoner under Indsæt-båndet, og vælg derefter Rektangel.

Power Apps Canvas: Sådan opretter du en app fra bunden

Vi kommer til at bruge dette rektangel som et banner, hvor vores titel vil blive placeret. I første omgang vil det komme ud som en lille form.

Power Apps Canvas: Sådan opretter du en app fra bunden

Så bare træk markørerne på siderne og hjørnerne, indtil det helt dækker den øverste del af skærmen.

Power Apps Canvas: Sådan opretter du en app fra bunden

Lad os derefter tilføje teksten. Stadig under Indsæt båndet, klik på Tekst og vælg Etiket.

Power Apps Canvas: Sådan opretter du en app fra bunden

Dette åbner en lille tekstboks.

Power Apps Canvas: Sådan opretter du en app fra bunden

Ligesom hvad vi gjorde med rektanglet, lad os strække denne tekstboks, indtil den dækker det øverste område.

Power Apps Canvas: Sådan opretter du en app fra bunden

Derefter, på formellinjen, skriver jeg "Skærmens titel" og trykker på Enter. Bemærk, at indholdet af tekstboksen også ændres, når jeg gør det.

Power Apps Canvas: Sådan opretter du en app fra bunden

Lad os også gøre det meget større for at gøre det mere synligt. Jeg kan ændre skriftstørrelsen her under Hjemmebåndet.

Power Apps Canvas: Sådan opretter du en app fra bunden

Lad mig også ændre formatet og indstille det til fed.

Power Apps Canvas: Sådan opretter du en app fra bunden

Derefter ændrer jeg justeringen og indstiller den til Center.

Power Apps Canvas: Sådan opretter du en app fra bunden

Så sådan vil hver skærm i appen se ud.

Power Apps Canvas: Sådan opretter du en app fra bunden

Arbejder med dokumentation

Nu hvor vi har en hovedskærm, lad os også oprette en dokumentationsskærm. Dokumentationsskærmen vil fungere som en referenceskærm, hvor alle elementer, der skal bruges i hele appen, kan findes.

Under startbåndet skal du bare klikke på Ny skærm og vælge Blank.

Power Apps Canvas: Sådan opretter du en app fra bunden

Lad os derefter omdøbe denne skærm til Dokumentation.

Power Apps Canvas: Sådan opretter du en app fra bunden

Kan du huske, hvordan vi brugte et rektangel på masterskærmen? Lad os oprette sådan en her på dokumentationsskærmen.

Power Apps Canvas: Sådan opretter du en app fra bunden

Denne gang vil jeg lave den i en anden farve. For at gøre det skal jeg ændre formens Fyld-egenskab. Det kan findes her på rullemenuen til venstre.

Power Apps Canvas: Sådan opretter du en app fra bunden

Bemærk, at den på formellinjen viser RGBA-farveegenskaberne for farven blå, som er rektanglets aktuelle farve.

Power Apps Canvas: Sådan opretter du en app fra bunden

Hvad hvis jeg vil ændre den til gul? Jeg behøver ikke rigtig at kende RGBA-egenskaberne for det. Indtast blot ordet Gul, og det vil automatisk vise de forskellige tilgængelige farvemuligheder.

Power Apps Canvas: Sådan opretter du en app fra bunden

Lad os vælge gulgrøn. Bemærk, at når du først vælger en farve, viser den også RGBA-egenskaberne, mens den også ændrer farven på formen.

Power Apps Canvas: Sådan opretter du en app fra bunden

Henvisning til dokumentationsskærmen

Her ser vi værdien af ​​dokumentationsskærmen.

Fordi vi bedre kan lide denne farve, lad os gå tilbage til hovedskærmen og ændre farven på rektanglet under titlen. Så når vi har valgt rektanglet under den højre skærm, skal du bare vælge Fyld på rullemenuen.

Power Apps Canvas: Sådan opretter du en app fra bunden

Bemærk, at i stedet for at skrive i gul-grøn som det vi tidligere gjorde, skulle jeg kun skrive i Rectangle2. Fylde. Dette refererer automatisk til, hvad vi gjorde for elementet Rectangle2, som findes i dokumentationsskærmen. Den kopierer derefter det samme element, som vi oprettede i dokumentationsskærmen.

Så forestil dig at have op til 8 skærme eller mere i din app. Det betyder, at hvis vi beslutter os for at ændre egenskaberne for nogen af ​​de elementer, der vises på tværs af alle skærme, behøver vi ikke at ændre dem én efter én. Vi skal bare ændre dokumentationsskærmen, og resten følger.

Lad os sige, at en leder fortæller dig at ændre farven til rød, fordi de ikke kan lide gul-grøn. Nu skal du bare gå tilbage til rektangel og ændre det til rødt.

Power Apps Canvas: Sådan opretter du en app fra bunden

Dette vil automatisk ændre alle andre rektangler, der refererer til dette i din applikation.




Konklusion

At arbejde med et tomt Power Apps-lærred viser os endnu mere, hvor fleksibel denne platform virkelig er. Brugervenligheden giver os virkelig mulighed for at skabe kraftfulde apps, der passer til vores temaer og branding.

Så længe du starter med disse to nøgleskærme - hovedskærmen og dokumentationsskærmen - kan du nemt oprette apps uden at bekymre dig om gentagne arbejde, mens du hopper fra en skærm til en anden.

Alt det bedste,

Henrik

Leave a Comment

Oplev unik indsigt ved hjælp af LuckyTemplates TOPN-funktion

Oplev unik indsigt ved hjælp af LuckyTemplates TOPN-funktion

Denne blog indeholder LuckyTemplates TOPN DAX-funktionen, som giver dig mulighed for at få unik indsigt fra dine data, hvilket hjælper dig med at træffe bedre markedsføringsbeslutninger.

Oprettelse af en datotabel i LuckyTemplates

Oprettelse af en datotabel i LuckyTemplates

Find ud af, hvorfor det er vigtigt at have en dedikeret datotabel i LuckyTemplates, og lær den hurtigste og mest effektive måde at gøre det på.

LuckyTemplates Mobile Reporting Tips og teknikker

LuckyTemplates Mobile Reporting Tips og teknikker

Denne korte vejledning fremhæver LuckyTemplates mobilrapporteringsfunktion. Jeg vil vise dig, hvordan du kan udvikle rapporter effektivt til mobilenheder.

Professionelle serviceanalyserapporter i LuckyTemplates

Professionelle serviceanalyserapporter i LuckyTemplates

I denne LuckyTemplates Showcase gennemgår vi rapporter, der viser professionel serviceanalyse fra et firma, der har flere kontrakter og kundeengagementer.

Microsoft Power Platform-opdateringer | Microsoft Ignite 2021

Microsoft Power Platform-opdateringer | Microsoft Ignite 2021

Gå gennem de vigtigste opdateringer til Power Apps og Power Automate og deres fordele og implikationer for Microsoft Power Platform.

Almindelige SQL-funktioner: En oversigt

Almindelige SQL-funktioner: En oversigt

Opdag nogle almindelige SQL-funktioner, som vi kan bruge, såsom streng, dato og nogle avancerede funktioner til at behandle eller manipulere data.

LuckyTemplates skabelonoprettelse: Guide og tips

LuckyTemplates skabelonoprettelse: Guide og tips

I denne tutorial lærer du, hvordan du opretter din perfekte LuckyTemplates-skabelon, der er konfigureret til dine behov og præferencer.

Feltparametre og små multipler i LuckyTemplates

Feltparametre og små multipler i LuckyTemplates

I denne blog vil vi demonstrere, hvordan man lagdelte feltparametre med små multipler for at skabe utrolig nyttig indsigt og visuals.

LuckyTemplates-rangering og brugerdefineret gruppering

LuckyTemplates-rangering og brugerdefineret gruppering

I denne blog vil du lære, hvordan du bruger LuckyTemplates rangerings- og brugerdefinerede grupperingsfunktioner til at segmentere et eksempeldata og rangordne det efter kriterier.

Viser kun kumulativ total op til en bestemt dato i LuckyTemplates

Viser kun kumulativ total op til en bestemt dato i LuckyTemplates

I denne tutorial vil jeg dække en specifik teknik omkring, hvordan du kun viser Kumulativ Total op til en bestemt dato i dine visuals i LuckyTemplates.