Lista, legördülő lista és kombinált lista hozzáadása egy vászonalapú alkalmazáshoz

Egyoszlopos adatot jeleníthet meg (például egy többoszlopos táblázatból) vászonalapú alkalmazásban, így a felhasználók kiválaszthatnak egy vagy több elemet egy listából.

• Listát adhat hozzá, hogy a felhasználók egynél több lehetőséget is kiválaszthassanak.
• Legördülő listát vagy kombinált listát adhat hozzá, amely kevesebb helyet foglal a képernyőn.
• Meghatározott tervezési kialakítás érdekében választógombokat adhat hozzá.

Ebben a témakörben listákkal és választógombokkal foglalkozunk, de ugyanezek az elvek vonatkoznak a legördülő listákra is.

Előfeltételek

1. Üres vászonalapú alkalmazás létrehozása.
2. Ismerje meg, hogyan lehet hozzáadni és konfigurálni vezérlőelemeket.

Egyszerű lista létrehozása

1. Adjon hozzá egy MyListBox nevű listát, és az Items (Elemek) tulajdonságát állítsa a következő kifejezésre:

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

   A tervezőnek az alábbihoz hasonlóan kell kinéznie:

   

2. A Beszúrás lapon válassza az Ikonok lehetőséget, jelölje ki a kört, majd helyezze át a MyListBox vezérlőelem alá:

   

3. Adjon hozzá egy háromszöget és egy téglalapot, majd rendezze az alakzatokat a MyListBox alatt egy sorba:

   

4. Állítsa a következő alakzatok Látható tulajdonságát az alábbi függvényekre:

   Alakzat	A Látható függvény értéke
   kör	If("circle" in MyListBox.SelectedItems.Value, true)
   háromszög	If("triangle" in MyListBox.SelectedItems.Value, true)
   téglalap	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Az Alt billentyű lenyomva tartásával válasszon ki egy vagy több alakzatot a MyListBox alatt.

   Csak a kijelölt alakzatok jelennek meg.

Ezekben a lépésekben egy kifejezéssel hozott létre egy elemekből álló listát. Ezt a cég más részein is alkalmazhatja. Egy Legördülő lista vezérlőelemmel megjelenítheti például termékek képeit, termékleírásokat és egyéb elemeket is.

Választógombok hozzáadása

1. Nyissa meg a Kezdőlapot, válassza az Új képernyő, majd az Üres lehetőséget.

2. A Beszúrás lapon válassza a Vezérlők, majd a Választógomb lehetőséget.

   

3. Nevezze át a Választógomb vezérlőt a Választási lehetőségek névre, majd állítsa az Elemek tulajdonságát a következő képletre:
   ["red","green","blue"]
   

   

   Szükség esetén méretezze át a vezérlőt, hogy minden lehetőség megjelenjen.

4. A Beszúrás lapon válassza az Ikonok lehetőséget, majd a kört.

5. A kör Kitöltés tulajdonságát állítsa a következő függvényre:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   Ebben a függvényben a kör a választott választógombok függvényében módosítja a színét.

6. Helyezze át a kört a Választógomb vezérlőelem alá, az alábbi példának megfelelően:

   

7. Az Alt billentyű lenyomva tartása mellett egy másik választógomb bejelölésével módosíthatja a kör színét.

Elem hozzáadása meglévő listához

1. Adjon hozzá egy Gomb vezérlőt, és nevezze el "btnReset" néven.

   Nem tudja, hogyan adhat hozzá, nevezhet el és konfigurálhat egy vezérlőelemet?

2. Állítsa be az OnSelect tulajdonságot a következő képletre a btnReset értékhez:

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

3. Állítsa a Szöveg tulajdonságot a btnReset alatt "Reset" értékre.

4. Adjon hozzá egy lbItems nevű Listapanel vezérlőt, és állítsa a Elemek tulajdonságot MyItems értékre.

5. Az Alt billentyűt lenyomva tartva nyomja meg a Visszaállítás gombot.

   Megjegyzés

   A legördülő listának a "MyItems" gyűjtemény elemeivel kell lennie feltöltve.

6. Rendezze a listamezőt és gombot függőlegesen.

   

7. Adjon hozzá egy Szövegbevitel vezérlőelemet, és adja neki a „txtAdd” nevet.

8. Állítsa a Szöveg tulajdonságát a txtAdd elemnek a következőre: ""

9. Adjon hozzá egy Gomb vezérlőt, és nevezze el "btnAdd" néven.

10. Állítsa a Szöveg tulajdonságát a btnAdd elemnek a következőre: "Add"

11. Adja meg az OnSelect tulajdonságot a btnAdd elemhez a következő képletre:

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

    Megjegyzés

    • A gyűjtés funkció elemként hozzáadja a gyűjteménybe a szövegbevitelből származó szöveget.
    • Az visszaállítási funkció visszaállítja a szövegbemenetet az alapértelmezett állapotra.

12. Rendezze a txtAdd és a btnAdd fájlt, hogy a lbItems és a btnReset alatt függőlegesen legyenek.

    

13. Az alkalmazás előnézetét tekintse meg az F5 billentyű lenyomásával.

14. Szöveges érték adjon hozzá a txtAdd szövegbeviteli vezérlőhöz.

15. Nyomja meg a Hozzáadás gombot.

    Megjegyzés

    A legördülő listának a MyItems gyűjtemény elemeivel kell lennie feltöltve.

(Nem kötelező) Elem eltávolítása meglévő listából

1. Adjon hozzá egy Gomb vezérlőt, és nevezze el "btnDelete" néven.

2. Állítsa a Szöveg tulajdonságát a btnDelete elemnek a következőre: "Delete"

3. Adja meg az OnSelect tulajdonságot a btnDelete elemhez a következő képletre:

   Remove(MyItems, lbItems.Selected)
   

4. Rendezze a btnDelete elemet úgy, hogy függőlegesen legyen a btnReset alatt

   

5. Az alkalmazás előnézetét tekintse meg az F5 billentyű lenyomásával.

6. A lista visszaállításához nyomja le az Visszaállítás gombot.

7. Jelöljön ki egy elemet a legördülő listában a kiválasztásához.

8. Az elem törléséhez nyomja le a Törlés gombot.