Pokyny pre responzívny dizajn

Flexibilné aplikácie plátna prispôsobujú svoje rozloženie a navigáciu dostupnému zobrazeniu namiesto škálovania pevného plátna. Návrh flexibilného správania zámerne tak, aby aplikácia ostala použiteľná v každom podporovanom režime veľkosti okna, orientácii zariadenia, úrovni priblíženia a režime vstupu.

Cieľom každého z nasledujúcich usmernení je zabezpečiť, aby vaša aplikácia plátna ponúkala optimálne používateľské prostredie bez ohľadu na veľkosť obrazovky a orientáciu zariadenia. Tieto usmernenia sa zaoberajú jedným z najdôležitejších aspektov vývoja moderných aplikácií. Tieto usmernenia sú kľúčové pre vývojárov, ktorí chcú zlepšiť prístupnosť a zapojenie používateľov vo svojich Power Apps.

Prispôsobte sa veľkostiam obrazovky

Aplikácie plátna by mali byť navrhnuté tak, aby automaticky upravovali svoje rozloženie a rozhranie na základe veľkosti obrazovky zariadenia. Táto odozva zaisťuje, že aplikácia zostáva funkčná a vizuálne príťažlivá na rôznych zariadeniach, od smartfónov až po stolné počítače.

Používanie kontajnerov automatického rozloženia

Ako hlavnú štruktúru flexibilnej obrazovky použite kontajnery vodorovného a zvislého automatického rozloženia. Tieto kontajnery dynamicky usporadúvajú a zosúlaďujú súčasti aplikácie, čím sa uistite, že reagujú efektívne na zmeny v dimenziách obrazovky.

Zakázať mierku na prispôsobenie a spravovanie pomeru strán a orientácie

Ak chcete povoliť skutočnú odozvu aplikácie, vypnite nastavenie Scale to Fit (Prispôsobiť ) . Toto nastavenie zabraňuje škálovaniu a podporuje prispôsobenie prirodzeného rozloženia rôznym veľkostiam obrazovky. Môžete tiež upraviť pomer strán a zamknúť orientáciu . Tieto úpravy zaisťujú, že rozloženie aplikácie efektívne reaguje na rôzne veľkosti a orientácie obrazovky. Aplikácia udržiava konzistentné a funkčné rozhranie bez ohľadu na to, či je zariadenie v režime na výšku alebo na šírku.

Používanie responzívnych rozložení

Použite návrhy rozloženia, ako je napríklad rozdelenie obrazovky a bočného panela, ktoré ponúkajú rôzne používateľské prostredia v rôznych zariadeniach. Táto prispôsobivosť vylepšuje funkčnosť aplikácie, vďaka čomu je intuitívnejšia pre používateľov na akomkoľvek zariadení.

Použitie vzorcov pre dynamické rozloženie

Namiesto pevných súradníc použite vzorce na určenie polohy a veľkosti ovládacích prvkov. Tento prístup zaisťuje, že sa prispôsobujú zmenám v dimenziách obrazovky, a to v dynamickom responzívnom rozložení.

Plán pre rôzne zariadenia

Efektívny responzívny dizajn zahŕňa predvídanie, ako aplikácia vyzerá a funguje na rôznych zariadeniach. Toto očakávania zahŕňajú rozhodnutia o zmene veľkosti prvkov alebo ich skrytie úplne na menších obrazovkách s cieľom optimalizovať priestor a udržať použiteľnosť.

Praktická implementácia

Transformácia neresponzívnej aplikácie plátna na responzívnu si vyžaduje systematický prístup. Tento prístup zahŕňa úpravu nastavení odozvy a starostlivú konfiguráciu vlastností kontajnera, aby sa prvky v aplikácii prispôsobili rôznym veľkostiam obrazovky.

Zdroje

Ďalší krok

Čitateľnosť kódu

  • Last updated on