Retningslinjer for responsivt design

Dynamiske lærredsapps tilpasser deres layout og navigation til den tilgængelige visningsport i stedet for at skalere et fast lærred. Design dynamisk funktionsmåde bevidst, så appen forbliver brugbar i alle understøttede vinduesstørrelser, enhedsretning, zoomniveau og inputtilstand.

Hver af følgende retningslinjer har til formål at sikre, at din lærredsapp giver en optimal brugeroplevelse, uanset enhedens skærmstørrelse eller -retning. Disse retningslinjer omhandler et af de mest kritiske aspekter af moderne appudvikling. Disse retningslinjer er vigtige for udviklere, der ønsker at forbedre tilgængeligheden og brugerengagementet 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 til automatisk layout

Brug vandrette og lodrette objektbeholdere til automatisk layout som den primære struktur for en dynamisk skærm. Disse objektbeholdere organiserer og justerer dynamisk appkomponenter, så de reagerer effektivt på ændringer i skærmdimensioner.

Deaktiver Skaler for at tilpasse og administrere højde-bredde-forhold og retning

Slå indstillingen Skaler til at passe fra for at aktivere ægte responsivitet i appen. Denne indstilling forhindrer skalering og fremmer tilpasning af naturligt layout til forskellige skærmstørrelser. Juster også indstillingerne for højde-bredde-forhold og Lås retning . Disse justeringer sikrer, at appens layout reagerer effektivt på forskellige skærmstørrelser og -retninger. Appen bevarer en ensartet og funktionel grænseflade, uanset om enheden er i stående eller liggende tilstand.

Brug responsive layouts

Brug layoutdesign som f.eks. opdelt skærm og margentekst, 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 placering og størrelse af kontrolelementer. Denne fremgangsmåde sikrer, at de tilpasser sig ændringer i skærmdimensioner for et dynamisk, dynamisk layout.

Planlæg for forskellige enheder

Effektivt responsivt design indebærer at forudse, hvordan appen ser ud og fungerer på forskellige enheder. Denne forventning omfatter beslutninger om at tilpasse størrelsen på elementer eller skjule dem helt 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. Denne fremgangsmåde omfatter justering af indstillinger for svartid og omhyggelig konfiguration af objektbeholderegenskaber for at sikre, at elementer i appen tilpasses til forskellige skærmstørrelser.

Ressourcer

Næste trin

Læsbarhed for kode

  • Last updated on