Riktlinjer för dynamisk design

I avsnittet om dynamiska designriktlinjer för appar för arbetsytor i Power Apps går vi igenom viktiga strategier och metoder för att skapa program som smidigt kan anpassas på olika enheter. Det här avsnittet innehåller viktiga principer som sträcker sig från tekniker för skärmanpassning till containeranvändning, inställningsjusteringar och detaljerade implementeringssteg. Varje riktlinje syftar till att säkerställa att din canvas-app ger en optimal användarupplevelse, oavsett enhetens skärmstorlek eller orientering, och adresserar en av de mest kritiska aspekterna av modern applikationsutveckling. Dessa riktlinjer är avgörande för utvecklare som vill förbättra tillgängligheten och användarengagemanget för sina Power Apps.

Anpassa till skärmstorlekar

Canvas-appar bör designas för att automatiskt justera layouten och gränssnittet baserat på enhetens skärmstorlek. Den här svarstiden säkerställer att appen förblir funktionell och visuellt tilltalande på olika enheter, från smartphones till stationära datorer.

Använd containrar

Införliva vågräta och lodräta containrar i appdesignen. Dessa containrar är avgörande för att dynamiskt organisera och justera appkomponenter, så att de effektivt svarar på ändringar i skärmdimensioner.

Inaktivera SkalningsAnpassat och hantera bredd–höjd-förhållande och riktning

Det är viktigt att inaktivera inställningen "Skala till passform" för att aktivera sann appresponsivitet, eftersom detta förhindrar enbart skalning och främjar naturlig layoutanpassning till olika skärmstorlekar. Dessutom är det viktigt att justera proportionerna och inställningarna för låsorientering. Dessa justeringar säkerställer att appens layout effektivt svarar på olika skärmstorlekar och orienteringar och upprätthåller ett konsekvent och funktionellt gränssnitt oavsett om enheten är i stående eller liggande läge.

Använda dynamiska layouter

Använd layoutdesign som delad skärm och sidofält, som erbjuder olika användarupplevelser på olika enheter. Den här anpassningsbarheten förbättrar appens funktioner, vilket gör den mer intuitiv för användare på alla enheter.

Använda formler för dynamisk layout

Använd formler i stället för fasta koordinater för positionering och storlekskontroller, vilket säkerställer att de anpassas till ändringar i skärmdimensioner för en dynamisk, dynamisk layout.

Planera för olika enheter

Effektiv dynamisk design innebär att förutse hur appen ser ut och fungerar på olika enheter. Detta inkluderar beslut om att ändra storlek på element eller dölja dem helt på mindre skärmar för att optimera utrymme och upprätthålla användbarhet.

Praktisk implementering

Att omvandla en icke-responsiv canvas-app till en responsiv app kräver en systematisk metod. Detta innebär att justera inställningar för svarstider och noggrant konfigurera containeregenskaper för att säkerställa att elementen i appen anpassas till olika skärmstorlekar.

Resurser

• Power Platform välstrukturerad vägledning för Layout

Nästa steg

Läsbarhet för kod