Power Apps-miljøer: Opsætning af app-elementerne korrekt

I denne vejledning vil jeg vise dig, hvordan du korrekt opretter dine Power Apps-miljøer.

En af de største fordele ved at brugeer mængden af ​​tilpasningsmuligheder, så du kan bestemme, hvordan du skal lægge alt ud. Målet her er at hjælpe dig med at blive mere fortrolig med alle dele af Power Apps-miljøet, så du kan maksimere din apps brug.

Sådan ser dit Power Apps-udviklingsmiljø ud.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Jeg vil oprette separate selvstudier, der beskriver og demonstrerer i detaljer, hvordan hver del fungerer. Men indtil videre vil jeg koncentrere mig om, hvad disse forskellige dele gør, og hvad de er ansvarlige for.

Indholdsfortegnelse

Den midterste rude i Power Apps-miljøer

Lad mig starte med det midterste område. Det er her, du kan se den app, du bygger.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er en zoomskyder i bunden, som du kan bruge til at ændre din visning og giver dig mulighed for at zoome ind og ud af appen.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er en dobbelthovedet pil lige ved siden af ​​zoomskyderen, som giver dig mulighed for at udvide appskærmen, så den passer til hele vinduet.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Skærme, elementer og underelementer

Den venstre rude viser de forskellige skærmbilleder i den app, du arbejder på. I øjeblikket er det arrangeret i "Tree view", som er den mest brugte visning. Det viser dig, hvordan hver skærm forgrener sig i mindre elementer.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Så hvis jeg skjuler nogle af listerne her til venstre, fortæller det os, at der er tre skærmbilleder på den app, jeg i øjeblikket arbejder på — BrowseScreen1, DetailScreen1 og EditScreen1.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Hvis jeg klikker på den første skærm i venstre rude, viser den mig appens gennemseskærm. Denne skærm viser blot en liste over poster, der kommer fra min datatabel.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Den anden er til min detaljeskærm. Dette viser detaljerne for hver post på listen på min gennemseskærm.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Den sidste skærm er til min redigeringsskærm, som giver mig mulighed for at redigere specifikke poster eller oprette en ny.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Hvis disse tre skærme ikke er nok, er det muligt at tilføje en ny skærm. Jeg vil gennemgå det i detaljer senere.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Lad os gå tilbage til gennemseskærmen. Hvis jeg klikker på rullemenuen, vil den vise en liste over alle de elementer, der er til stede på min browserskærm.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Det første element her viser et galleri, som stort set kun er en liste over poster. Når du ser på appen i den midterste rude, vil du se, at galleriet dækker denne liste over poster, der kan rulles.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er et objekt her tagget som Rectangle11, som blot er et simpelt rektangel mellem søgelinjen og galleriet.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er også et søgeikon, som kun er et billede af et forstørrelsesglas.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er et tekstfelt, hvor du kan skrive tekst, når du søger efter et element.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er meget mere under det, med en lang liste af elementer, der står for hver del af den app, du bygger. Microsoft bygger normalt deres værktøjer til intuitiv brug, så hvert element er repræsenteret af et symbol for at vise, hvad de er, eller hvad de gør.

For eksempel vil et galleri være anderledes end et rektangel. Et galleri er en liste over poster, så det er repræsenteret af et ikon, der viser forskellige vinduer. Et rektangel er en form, så ikonet, der repræsenterer det, viser en samling af figurer. En tekstboks giver dig mulighed for at skrive tekst i den, så ikonet viser en pen.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Elementer kan også have underelementer. For eksempel har BrowseGallery1 andre elementer anført under sig. Dette giver mening at vide, at galleriet har en masse ting, der foregår i appen.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Galleriet har for eksempel et element kaldet Title1, som er navnet på toppen af ​​galleriposten.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Udover Title1 har galleriposten også en undertekst og en krop, samt en næste pil og en separator, der går mellem posterne. Alle disse er repræsenteret af underelementerne i venstre rude.

Når du går længere til venstre, kan du få adgang til et nyt sæt muligheder ved at klikke på de tre linjer.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Som du kan se, er den første post i menuen trævisningen, som vi har kigget på. Det giver dig også mulighed for at indsætte andre elementer.

Den viser også de datakilder, der er brugt på projektet. I dette tilfælde er der kun én datakilde, der er integreret i den aktuelle app. Denne kommer fra OneDrive.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Du kan også integrere forskellige entiteter og forbindelser under Datakilder, men dette er et mere avanceret emne, som vil blive diskuteret i andre selvstudier.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Menuen viser også de medier, der bruges i appen. Det er her, du kan uploade billeder, videoer og lydfiler.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

For at skjule menuen skal du blot klikke på de tre linjer igen.

Bånd brugt i Power Apps-miljøer

Som med ethvert andet Microsoft-program består den øverste del normalt af bånd. Disse bånd tilbyder forskellige handlinger kategoriseret i forskellige menuer.

Lad os starte med Home-båndet.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

En af de tilgængelige handlinger under startbåndet er at oprette en ny skærm. Ligesom Powerpoint er der skabeloner, som du kan vælge imellem. Hvis du mener, at ingen af ​​disse skabeloner er relevante for den app, du opretter, kan du starte med en tom skærm.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Når du har valgt en skabelon til din nye skærm, vil du se den tilføjet nederst i din trævisning.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er også temaer, som vi har talt om i en nylig tutorial.

Du kan også vælge en hvilken som helst tekst på din app og ændre skrifttype, skriftstørrelse og skriftfarve eller have den med fed, kursiv eller understreget.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Du kan også vælge, hvordan du ønsker, at din tekst skal justeres. Du kan have det venstrejusteret, højrejusteret eller centreret.

Indsætningsbåndet giver dig mulighed for at tilføje eller indsætte ting i Power Apps-miljøer.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

For eksempel, hvis du vil indsætte et etiketelement, kan du bare klikke på knappen, der siger Label, og det vil indsætte det element for dig.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Det giver dig også mulighed for at indsætte en knap.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er forskellige typer tekstbokse, som du kan bruge her. Bare klik på rullemenuen under Tekst, og du vil være i stand til at indsætte tekstinput, HTML-tekst, peninput osv.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Der er også forskellige typer input, såsom kombinationsbokse, datovælgere, lister, bokse, afkrydsningsfelter og skydere.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Du kan vælge forskellige typer gallerier. Lige nu bruger vi et lodret galleri til vores app. Men du kan også have et vandret galleri og kunne endda indsætte billeder på skærmen.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Indsæt-båndet giver dig også mulighed for at tilføje datatabeller, som vil blive grundigt diskuteret i en anden vejledning.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Det er her du også kan indsætte formularer. Hvis du husker redigeringsskærmen på den app, vi laver, giver den en formular, hvor brugere manuelt kan tilføje data til appen. Så klik bare på Forms under Indsæt båndet, og du kan tilføje endnu en formular under dine skærme.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Hvad angår medier, kan du indsætte billeder, stregkodescannere, videoer og lyd. Det er også her, du kan give appen mulighed for at aktivere brugerens kamera, mikrofon og andre funktioner.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Andre ting, du kan tilføje ved hjælp af båndet Indsæt, er diagrammer, ikoner og brugerdefinerede objekter.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Lad os gå til båndet Vis. Dette giver dig mulighed for at se variabler, datakilder og andre ting, der er relevante for dine Power Apps-miljøer.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Endelig giver Action-båndet dig mulighed for at udføre forskellige automatiseringer. Da dette er en mere avanceret del af emnet, gennemgår vi det i et andet selvstudie.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Ændring af egenskaber for app-elementer

Den sidste ting, jeg vil tale om, er højre side af skærmen, som viser ruden Egenskaber.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Hvert element, der bruges i appen, har tilsvarende egenskaber. Lad os sige, at vi vil ændre overskriften på appen, der siger Tabel1. Du kan enten klikke på det specifikke element her i venstre rude for LblAppName1 eller klikke på selve elementet på appen for at fremhæve det.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Når elementet er fremhævet, vil du automatisk se det pågældende elements egenskaber i højre side.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Hvert element har et andet sæt egenskaber. Når du ser på LblAppName1, er den kategoriseret som en etiket som angivet over elementnavnet. Dette har en tekstegenskab, hvor du kan ændre den tekst, der vises på appen. Du kan også redigere teksten direkte på dette felt.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Du kan vælge skriftstørrelse, skriftvægt, skrifttype osv.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Forskellige typer af elementer har også forskellige sæt egenskaber. Lad os se på opdateringsikonet her på appen. Hvis du ser på trævisningen, er dette elementet kaldet IconRefresh1.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Når du ser på egenskabsruden, kan du se, at den er kategoriseret som et ikon. Det har også et andet sæt egenskaber som det anvendte ikon, rotationen, visningstilstanden osv.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Det fede veder, at du faktisk kan redigere disse egenskaber på to måder. Du kan enten have dem statisk eller dynamisk indstillet.

Hvis vi går tilbage til Table1-elementet og går til tekstegenskaben, kan jeg redigere det direkte og ændre det til noget som Hello World. Det vil automatisk ændre, hvad der vises på den faktiske etiket på appen.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Det, jeg lige gjorde, var at ændre ejendommen statisk.

Hvis du nu ser øverst, hvor formellinjen er, vil du se, at du også kan vælge forskellige egenskaber fra rullemenuen i venstre side.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Så hvis jeg vælger tekstegenskaben og skriver i Hello World, gør det det samme.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Det er her, du dynamisk kan ændre det. Selvom der er mange måder at skabe en dynamisk ændring på, vil jeg vise dig et simpelt eksempel ved hjælp af IF- funktionen.

På formellinjen skriver jeg IF(1=1), "Hello World", "Tabel 1"). Dette betyder grundlæggende, at hvis udsagnet er sandt, så få Hello World til at stå på etiketten. Hvis ikke, så få den til at vise tabel1 .

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Da dette er dynamisk indstillet, kan jeg også gøre denne betingelse falsk. Så hvis jeg ændrer dette og skriver 1=0, så vil det automatisk ændre etiketten til Tabel1.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

At gøre egenskaber dynamiske betyder, at dine brugere kan ændre disse egenskaber baseret på bestemte parametre. For eksempel kan du tillade brugere at redigere titlerne selv og derefter få disse ændringer gemt i en variabel. Derefter kunne denne formel kalde denne variabel for at angive titlen på denne tekst.

Du kan også ændre andre ting. For eksempel, hvis vi klikker på den øverste post i galleriet for Andy Chapman, kan jeg gå videre og tjekke, hvordan dette indlægs højde måles.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Du kan se, at højden af ​​dette galleri er dynamisk indstillet til at være højden på forælderen minus Y-positionen for det faktiske galleri. Dette betyder, at størrelsen af ​​denne post er lig med højden af ​​applikationen fra top til bund minus Y-koordinaterne for selve elementet. Så hvis højden er 100 fra top til bund, og Y-punktet er på 10, så indstiller den dynamisk højden til 90.

Dette koncept er vigtigt, fordi jeg simpelthen kunne gå til egenskaber og manuelt ændre størrelsen.

Power Apps-miljøer: Opsætning af app-elementerne korrekt

Men forskellige apps har forskellige størrelser. De forskellige elementer vil også have forskellige koordinater. Hvis jeg indstiller en statisk højde, vil det ødelægge hele appen i det øjeblik, jeg ændrer noget andet.




Konklusion

At se, hvordan alt er lagt ud i Power Apps-miljøer, viser yderligere, hvor intuitivt og brugervenligt dette værktøj virkelig er. Fra den måde, hvert element og hver skærm vises på, til letheden ved at ændre hver egenskab for hvert element, giver disse Power Apps-miljøer absolut enhver mulighed for at skabe deres egen app og gøre deres egne processer meget mere effektive.

Selvfølgelig er Power Apps ikke kun for begyndere, der lige er begyndt at opdage, hvor nyttige apps kan være inden for deres felt. Der er også en masse avancerede funktioner, som mere avancerede brugere ville nyde. Jeg vil dække dem i andre tutorials.

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.