Del via


Retningslinjer for responsivt design

I afsnittet om retningslinjer for responsivt design for lærredsapps i Power Apps, finder vi grundlæggende strategier og fremgangsmåder til oprettelse af programmer, der kan tilpasses problemfrit på tværs af forskellige enheder. Dette afsnit indeholder grundlæggende principper, der dækker alt fra teknikker til skærmtilpasning til beholderudnyttelse, indstillinger og detaljerede implementeringstrin. Hver retningslinje har til formål at sikre, at din canvas app giver en optimal brugeroplevelse, uanset enhedens skærmstørrelse eller retning, og tager fat i et af de vigtigste aspekter i den moderne appudvikling. Disse retningslinjer er vigtige for udviklere, der ønsker at forbedre tilgængeligheden og brugerinvolveringen for deres Power Apps.

Tilpasse til skærmstørrelser

Lærredsapps skal designes til automatisk at justere deres layout og brugergrænseflade baseret på enhedens skærmstørrelse. Denne responsivitet sikrer, at appen forbliver funktionel og visuelt tiltalende på tværs af forskellige enheder, fra smartphones til stationære computere.

Brug objektbeholdere

Indarbejde vandrette og lodrette objektbeholdere i appdesign. Disse objektbeholdere er centrale, når appkomponenter skal organiseres og justeres dynamisk, så de kan reagere effektivt på ændringer i skærmdimensionerne.

Deaktiver 'Skaler til tilpasning', og administrer aspektforhold/retning

Det er vigtigt at slå indstillingen "Skaler til tilpasning" fra for at aktivere ægte app-responsivitet, da det forhindrer simpel skalering og fremmer tilpasningen af det naturlige layout til forskellige skærmstørrelser. Derudover er det vigtigt at justere indstillingerne for aspekt og 'Lås retning'. Disse justeringer sikrer, at appens layout i praksis svarer til forskellige skærmstørrelser og -orientering og bevarer en ensartet og funktionel brugergrænseflade, uanset om enheden er i stående eller liggende tilstand.

Brug responsive layouts

Udnyt layoutdesign som opdelt skærm og sidepanel, som giver forskellige brugeroplevelser på forskellige enheder. Denne tilpasningsevne forbedrer appens funktionalitet og gør den mere intuitiv for brugere på alle enheder.

Bruge formler til dynamisk layout

Brug formler i stedet for faste koordinater til at placere og tilpasse kontrolelementer for at sikre, at de kan tilpasses ændringer i skærmmålene for at få et dynamisk og responsivt layout.

Planlæg for forskellige enheder

Effektivt responsivt design indebærer at forudse, hvordan appen ser ud og fungerer på forskellige enheder. Det omfatter beslutninger om at ændre størrelsen på elementer eller skjule dem fuldstændigt på mindre skærme for at optimere plads og bevare anvendelighed.

Praktisk implementering

Hvis du vil transformere en ikke-responsiv lærredsapp til en responsiv app, kræver det en systematisk fremgangsmåde. Dette indebærer, at indstillingerne skal justeres for responsivitet, og at beholderegenskaber konfigureres omhyggeligt for at sikre, at elementerne i appen kan tilpasses til forskellige skærmstørrelser.

Ressourcer

Næste trin