Zdieľať cez

Pridanie posuvnej obrazovky do aplikácie plátna

  • Článok

Vytvorte v plátnovej aplikácii obrazovku, ktorá používateľom umožní posúvanie, aby sa zobrazili rôzne položky. Môžete napríklad vytvoriť aplikáciu pre telefón zobrazujúcu údaje v niekoľkých grafoch, ktoré si používatelia zobrazia posúvaním.

Keď do sekcie pridáte viac ovládacích prvkov, ovládacie prvky si v danej sekcii udržia svoje relatívne umiestnenie bez ohľadu na to, či ide o aplikáciu pre telefón alebo tablet. Veľkosť a orientácia obrazovky môžu mať vplyv na usporiadanie sekcií.

Predpoklady

  1. Vytvorte prázdnu aplikáciu plátna.
  2. Zistite, ako pridať a nakonfigurovať ovládacie prvky.

Pridanie obrazovky umožňujúcej posúvanie

  1. Vyberte Nová obrazovka pod hornou ponukou.

  2. Zvoľte možnosť Posúvateľné.

    Vyberte novú obrazovku a potom vyberte typ rolovateľnej obrazovky.

    K aplikácii sa pridá nová posúvateľná obrazovka.

    Snímka obrazovky, ktorá zobrazuje posúvateľnú obrazovku pridanú do aplikácie.

Pridanie ovládacích prvkov

Posúvateľná obrazovka štandardne obsahuje tekutú mriežku s jednou dátovou kartou. Karty údajov pomáhajú oddeľovať stavebné bloky na obrazovke. Ak chcete, aby sa obrazovka dala posúvať pomocou viacerých ovládacích prvkov, pridajte ďalšie karty údajov. Potom podľa potreby pridajte ovládacie prvky do kariet údajov.

Ak chcete pridať karty údajov, stlačte možnosť Pridať sekciu v spodnej časti posúvateľnej obrazovky.

Tlačidlo Pridať sekciu zvýraznené na posúvateľnej obrazovke na plátne.

Začneme pridaním ovládacích prvkov na kartu údajov, ktorá je štandardne dostupná s rolovateľnou obrazovkou, a potom pridáme novú sekciu, ktorá pridá ďalšiu kartu údajov. Keď bude k dispozícii nová karta údajov, pridáme na novú kartu údajov ďalší ovládací prvok.

Spoločne by karty údajov a ovládacie prvky na kartách údajov predĺžili predvolenú dĺžku obrazovky, čo by vyžadovalo použitie možnosti posúvania obrazovky.

Tip

Ďalšie informácie o kartách údajov si prečítajte v časti Vysvetlenie údajových kariet.

  1. Stlačte možnosť + (Vložiť) na ľavej table.

    Alternatívny text opisujúci obsah obrázka.

  2. Rozbaľte možnosť Grafy a potom stlačte Stĺpcový graf.

  3. Zmeňte veľkosť grafu pridaného na obrazovku tak, aby zaberal približne dve tretiny obrazovky.

  4. Zmenšite veľkosť karty údajov na veľkosť pridanej tabuľky.

    Zmeňte veľkosť karty údajov na obrazovke tak, aby zaberala dve tretiny obrazovky.

  5. Stlačte na obrazovke možnosť Pridať sekciu a pridajte ďalšiu sekciu.

    K obrazovke sa pridá nová karta údajov.

  6. Stlačte možnosť Vložiť > Grafy > Čiarový graf.

  7. Posuňte sa nadol na obrazovke pomocou posúvača na pravej strane obrazovky a potom vyberte Pridať sekciu, čím pridáte tretiu kartu údajov.

  8. Stlačte možnosť Vložiť > Vstup > Vstup perom.

  9. Zmeňte veľkosť ovládacieho prvku vstupu pera zväčšením šírky vnútri karty údajov.

    Veľkosť ovládacieho prvku vstupu pera sa zmenila, aby sa na obrazovke použila väčšia šírka.

  10. Stlačením F5 na klávesnici si zobrazíte ukážku aplikácie. Posuňte sa nadol pomocou posúvača do spodnej časti obrazovky.

    Verzia Preview posúvateľnej obrazovky.

Teraz, keď ste ukázali, ako používať posúvateľnú obrazovku, prispôsobte aplikáciu ďalej podľa požiadaviek vašej firmy.

Rolovacia obrazovka pre formuláre

Keďže Power Apps používa karty údajov na vytváranie sekcií, ovládacie prvky Zobraziť formulár a upraviť formulár sa na ne nedajú vložiť. Vloženie takejto kombinácie ovládacích prvkov môže znížiť výkon aplikácie. Preto pri používaní ovládacích prvkov formulára používajte kontajnery rozloženia, ako napríklad ovládací prvok vertikálny kontajner.

Tip

Informácie o práci s formulármi nájdete v časti Princíp formulárov aplikácie plátna.

Existuje niekoľko rôznych metód na konfiguráciu posúvania pomocou formulárov:

Použite vlastnosť Vertikálny prepad

Použitie vlastnosti Vertikálny prepad je základná metóda používania rolovacej obrazovky, ktorá má formulár.

  1. Uistite sa, že používate prázdnu obrazovku a nie rolovaciu obrazovku.

  2. Stlačte možnosť Vložiť > Rozloženie a potom vyberte Vertikálny kontajner.

  3. Na pravej strane obrazovky na table vlastností stlačte rozbaľovaciu ponuku Vertikálny prepad a zvoľte možnosť Posúvať.

    Vlastnosť Vertikálny prepad kontajnera, ktorý je určený na rolovanie.

  4. Pridajte formulár na úpravu alebo zobrazenie s požadovanými poľami. Keď zoznam polí presiahne veľkosť kontajnera na obrazovke, budete sa môcť posúvať vo vnútri kontajnera pomocou posúvača.

    Posúvateľný vertikálny kontajner pomocou vlastnosti Vertikálny prepad nastavenej na posúvanie so zobrazovaným formulárom.

Nádoby používajte vo vertikálnom kontajneri

V prípade zložitých aplikácií môžete zvážiť pridanie kontajnerov v rámci ovládacieho prvku vertikálneho kontajnera. Potom upravte výšku formulára a vnútorného kontajnera, ako je znázornené nižšie.

  1. Uistite sa, že používate prázdnu obrazovku a nie rolovaciu obrazovku.

  2. Stlačte možnosť Vložiť > Rozloženie a potom vyberte Vertikálny kontajner.

  3. Na pravej strane obrazovky na table vlastností stlačte rozbaľovaciu ponuku Vertikálny prepad a zvoľte možnosť Posúvať.

  4. Stlačte možnosť Vložiť > Rozloženie a potom vyberte Kontajner.

  5. Z pravej strany obrazovky na table vlastností prepnite vlastnosť Flexibilná výška na Vypnuté.

    Flexibilná vlastnosť výšky je pre kontajner vypnutá.

  6. Pridajte formulár na úpravu alebo zobrazenie s požadovanými poľami.

  7. Ak chcete povoliť posúvanie na obrazovke formulára, aktualizujte výšku kontajnera pridaného v kroku 4 a formulár.

    Posúvateľný formulár, ktorý používa kontajner a výšku formulára na posúvanie.

Ďalšie informácie o práci s odozvou aplikácie nájdete v časti Vytváranie responzívnych aplikácií plátna a Responzívne rozloženia

Pozrite si tiež

Poznámka

Môžete nás informovať o svojich voľbách jazyka pre dokumentáciu? Absolvujte krátky prieskum. (upozorňujeme, že tento prieskum je v angličtine)

Prieskum bude trvať približne sedem minút. Nezhromažďujú sa žiadne osobné údaje (vyhlásenie o používaní osobných údajov).