Přidání seznamu, rozevíracího seznamu, pole se seznamem nebo přepínačů do aplikace plátna

Zobrazením jednoho sloupce dat (například z tabulky s více sloupci) v aplikaci plátna umožníte uživatelům vybrat jednu nebo více položek ze seznamu.

• Přidáním seznamu umožníte uživatelům vybrat více možností.
• Přidáním rozevíracího seznamu nebo pole se seznamem ušetříte místo na obrazovce.
• Pro konkrétní efekt návrhu můžete přidat sadu přepínačů.

Toto téma se věnuje seznamům a přepínačům. Stejné principy ale platí i pro rozevírací seznamy.

Předpoklady

1. Vytvoření prázdné aplikace plátna.
2. Zjistěte, jak přidat a konfigurovat ovládací prvky.

Vytvoření jednoduchého seznamu

1. Přidejte ovládací prvek Seznam s názvem MyListBox a jeho vlastnost Items nastavte na tento výraz:

   ["circle","triangle","rectangle"]
   

   Návrhář bude vypadat nějak takto:

   

2. Na kartě Vložení vyberte možnost Ikony, vyberte kruh a přesuňte ho pod seznam MyListBox:

   

3. Přidejte trojúhelník a obdélník a potom tvary uspořádejte do řady pod seznamem MyListBox:

   

4. Vlastnost Visible těchto tvarů nastavte na následující funkce:

   Tvar	Funkce vlastnosti Visible
   kroužek	If("circle" in MyListBox.SelectedItems.Value, true)
   trojúhelník	If("triangle" in MyListBox.SelectedItems.Value, true)
   obdélník	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Podržte stisknutou klávesu Alt a v seznamu MyListBox vyberte jeden nebo více tvarů.

   Zobrazí se pouze vybraný tvar nebo vybrané tvary.

V tomto postupu jste pro vytvoření seznamu položek použili výraz. Stejný princip můžete použít na různé prvky v rámci vašeho podniku. Například můžete ovládací prvek Rozevírací nabídka použít k zobrazení obrázků nebo popisů produktů a dalších možností.

Přidání tlačítek přepínače

1. Na kartě Domů vyberte Nová obrazovka a pak vyberte Prázdná.

2. Na kartě Vložit vyberte Ovládací prvky a potom vyberte Přepínač.

   

3. Ovládací prvek Přepínač přejmenujte na Choices a jeho vlastnost Items nastavte na tento vzorec:
   ["red","green","blue"]
   

   

   V případě potřeby velikost ovládacího prvku změňte, aby byly vidět všechny možnosti.

4. Na kartě Vložení vyberte možnost Ikony a potom vyberte kruh.

5. Nastavte vlastnost kruhu Fill na následující funkci:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   Tento vzorec změní barvu kruhu podle toho, jaké tlačítko přepínače zvolíte.

6. Kruh následovně přesuňte pod ovládací prvek Přepínač:

   

7. Podržte stisknutou klávesu Alt, vyberte jiné tlačítko přepínače a změňte barvu kruhu.

Přidání položky do existujícího seznamu

1. Přidejte ovládací prvek Tlačítko a pojmenujte jej „btnReset“.

   Podívejte se, jak přidat, pojmenovat a nakonfigurovat ovládací prvek.

2. Nastavte vlastnost OnSelect na btnReset na tento vzorec:

   ClearCollect(MyItems, {value: "circle"},{value: "triangle"},{value: "rectangle"})
   

3. Nastavte vlastnost Text v btnReset na "Reset".

4. Přidejte ovládací prvek Kombinované pole nazvaný lbItems a nastavte jeho vlastnost Items na MyItems.

5. Podržte stisknutou klávesu Alt a stiskněte tlačítko Reset.

   Poznámka

   Seznam by se měl vyplnit položkami z kolekce „MyItems“.

6. Uspořádejte seznam a tlačítko tak, aby byly seřazené svisle.

   

7. Přidejte ovládací prvek Textové zadání a nazvěte jej "txtAdd".

8. Nastavte vlastnost Text txtAdd na "".

9. Přidejte ovládací prvek Tlačítko a pojmenujte jej „btnAdd“.

10. Nastavte vlastnost Text btnAdd na "Add".

11. Nastavte vlastnost OnSelect btnAdd na následující vzorec:

    Collect(MyItems,{value: txtAdd.Text}); Reset(txtAdd)
    

    Poznámka

    • Funkce collect přidá text ze zadávání textu jako položku do kolekce.
    • Funkce reset resetuje textový vstup zpět do výchozího stavu.

12. Seřaďte txtAdd a btnAdd tak, aby byly zarovnané svisle podlbItems a btnReset.

    

13. Náhled aplikace stisknutím F5.

14. Přidejte textovou hodnotu do ovládacího prvku zadávání textu txtAdd.

15. Stiskněte tlačítko Přidat.

    Poznámka

    Seznam by se měl vyplnit položkami z kolekce MyItems.

(Volitelné) Odeberte položku ze stávajícího seznamu

1. Přidejte ovládací prvek Tlačítko a pojmenujte jej „btnDelete“.

2. Nastavte vlastnost Text btnDelete na "Delete".

3. Nastavte vlastnost OnSelect btnDelete na následující vzorec:

   Remove(MyItems, lbItems.Selected)
   

4. Uspořádejte btnDelete, aby byl vyrovnán svisle pod btnReset

   

5. Náhled aplikace stisknutím F5.

6. Stisknutím tlačítka Reset resetujte seznam.

7. Stisknutím položky v seznamu ji vyberte.

8. Stisknutím tlačítka Odstranit položku odstraníte.