Retningslinjer for responsiv utforming

Responsive lerretsapper tilpasser oppsettet og navigasjonen til den tilgjengelige visningsporten i stedet for å skalere et fast lerret. Utform responsiv virkemåte med vilje, slik at appen forblir brukbar i alle støttede vindusstørrelser, enhetsretning, zoomnivå og inndatamodus.

Hver av følgende retningslinjer er rettet mot å sikre at lerretsappen gir en optimal brukeropplevelse, uavhengig av enhetens skjermstørrelse eller retning. Disse retningslinjene tar for seg et av de mest kritiske aspektene ved moderne apputvikling. Disse retningslinjene er svært viktige for utviklere som ønsker å forbedre tilgjengeligheten og brukerengasjementet til Power Apps.

Tilpasse til skjermstørrelser

Lerretsapper bør utformes slik at de automatisk justerer oppsettet og grensesnittet basert på skjermstørrelsen på enheten. Denne responsiviteten sikrer at appen forblir funksjonell og visuelt attraktiv på ulike enheter, fra smarttelefoner til stasjonære datamaskiner.

Bruk auto-layout-beholdere

Bruk vannrette og loddrette beholdere for automatisk oppsett som primærstruktur for en responsiv skjerm. Disse beholderne organiserer og justerer appkomponenter dynamisk, slik at de reagerer effektivt på endringer i skjermdimensjoner.

Deaktiver Skaler til Tilpass og administrer størrelsesforhold og retning

Deaktiver innstillingen Skaler til å passe for å aktivere ekte appresponsivitet. Denne innstillingen hindrer skalering og fremmer naturlig oppsetttilpasning til ulike skjermstørrelser. Juster også størrelsesforholdet og låseretningsinnstillingene . Disse justeringene sikrer at appens oppsett effektivt reagerer på ulike skjermstørrelser og retninger. Appen opprettholder et konsekvent og funksjonelt grensesnitt om enheten er i stående eller liggende modus.

Bruke responsive oppsett

Bruk oppsettutforminger som delt skjerm og sidestolpe, som tilbyr ulike brukeropplevelser på ulike enheter. Denne tilpassingsbarheten forbedrer funksjonaliteten i appen, noe som gjør den mer intuitivt for brukere på alle enheter.

Bruke formler for dynamisk oppsett

Bruk formler i stedet for faste koordinater for plasserings- og skaleringskontroller. Denne fremgangsmåten sikrer at de tilpasser seg endringer i skjermdimensjoner for et dynamisk, responsivt oppsett.

Planlegge for ulike enheter

Effektiv responsiv utforming innebærer å foregripe hvordan appen ser ut og fungerer på ulike enheter. Denne forventningen inkluderer beslutninger om å endre størrelsen på elementer eller skjule dem helt på mindre skjermer for å optimalisere plass og opprettholde brukervennlighet.

Praktisk implementering

Transformering av en ikke-responsiv lerretsapp til en responsiv app krever en systematisk tilnærming. Denne fremgangsmåten innebærer å justere innstillingene for respons og nøye konfigurere beholderegenskaper for å sikre at elementer i appen tilpasser seg forskjellige skjermstørrelser.

Ressurser

Neste trinn

Lesbarhet av kode

  • Sist oppdatert