Afegir un quadre de llista, una llista desplegable, un quadre combinat o botons d'opció a una aplicació de llenç.

Mostreu una única columna de dades (per exemple, des d'una taula de diverses columnes) en una aplicació del llenç per tal que els usuarisis puguin seleccionar un o diversos elements en una llista.

• Afegiu un quadre de llista per permetre als usuarisis seleccionar més d'una opció.
• Afegiu una llista desplegable o un quadre combinat per ocupar menys espai en una pantalla.
• Afegir un conjunt de botons d'opció per a un efecte de disseny concret.

Aquest tema es centra en quadres de llista i botons d'opció, però els mateixos principis s'apliquen a les llistes desplegables.

Requisits previs

1. Crea una aplicació de llenç en blanc.
2. Descobriu com s'afegeixen i configuren els controls.

Crear una llista senzilla

1. Afegiu un control Quadre de llista anomenat MyListBox i definiu la propietat Items en aquesta expressió:

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

   El dissenyador hauria de ser semblant a aquest:

   

2. A la pestanya Insereix, seleccioneu Icones, seleccioneu el cercle i desplaceu-lo a MyListBox:

   

3. Afegiu un triangle i un rectangle i, a continuació, organitzeu les formes en una fila a MyListBox:

   

4. Definiu la propietat Visible de les formes següents a les funcions següents:

   Forma	Definiu la funció Visible a
   circle	If("circle" in MyListBox.SelectedItems.Value, true)
   triangle	If("triangle" in MyListBox.SelectedItems.Value, true)
   rectangle	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Mentre manteniu premuda la tecla Alt, seleccioneu una o diverses formes a MyListBox.

   Només apareixerà la forma o les formes que seleccioneu.

En aquests passos, heu utilitzat una expressió per crear una llista d'elements. Podeu aplicar-ho a altres elements de l'empresa. Per exemple, podeu utilitzar un control Desplegable per mostrar imatges de productes, descripcions de productes i més.

Afegir botons d'opció

1. A la pestanya Inici, seleccioneu Pantalla nova i, a continuació, En blanc.

2. A la pestanya Insereix, seleccioneu Controls i, a continuació, seleccioneu Opció.

   

3. Canvieu el nom del control Opció a Eleccions i definiu la propietat Items en aquesta fórmula:
   ["red","green","blue"]
   

   

   Si cal, canvieu la mida del control per mostrar totes les opcions.

4. A la pestanya Insereix, seleccioneu Icones i, a continuació, seleccioneu el cercle.

5. Definiu la propietat Emplenament del cercle a la funció següent:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   En aquesta fórmula, el cercle canvia el seu color en funció del botó d'opció que trieu.

6. Moveu el cercle sota el control Botó d'opció, com en aquest exemple:

   

7. Mentre manteniu premuda la tecla Alt, seleccioneu un botó d'opció diferent per canviar el color del cercle.

Afegir un element a una llista existent.

1. Afegiu un control de botó i anomeneu-lo "btnReset".

   No sabeu com afegir, anomenar i configurar un control?

2. Definiu la propietat OnSelect a btnReset en aquesta fórmula:

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

3. Definiu la propietat Text a btnReset en "Reset".

4. Afegiu un control de Quadre de llista anomenat lbItems i definiu la propietat Elements com a MyItems.

5. Mentre manteniu premuda la tecla Alt, premeu el botó Reinicialitza.

   Nota

   El quadre de llista s'hauria d'emplenar amb els elements de la col·lecció "MyItems".

6. Organitzeu el quadre de llista i el botó de manera que s'alineïn verticalment.

   

7. Afegiu un control d'Entrada de text i anomeneu-lo "txtAdd".

8. Definiu la propietat Text a txtAd en "".

9. Afegiu un control de Botó i anomeneu-lo "btnReset".

10. Definiu la propietat Text a txtAd en "Add".

11. Definiu la propietat OnSelect de btnAdd a la fórmula següent:

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

    Nota

    • La funció de recopilació afegirà el text de l'entrada de text com a element de la col·lecció.
    • La funció de reinicialització restablirà l'entrada de text en l'estat per defecte.

12. Organitzeu txtAd i btnAd per tal que s'alineïn verticalment per sota de lbItems i btnReset.

    

13. Per obtenir una visualització prèvia de l'aplicació, premeu F5.

14. Afegiu un valor de text al control d'entrada de text txtAdd.

15. Premeu el botó Afegeix.

    Nota

    El quadre de llista s'hauria d'emplenar amb els elements de la col·lecció "MyItems".

(Opcional) Suprimir un element d'una llista existent.

1. Afegiu un control de botó i anomeneu-lo "btnDelete".

2. Definiu la propietat Text a btnDelete en "Delete".

3. Definiu la propietat OnSelect de btnDelete a la fórmula següent:

   Remove(MyItems, lbItems.Selected)
   

4. Dissenyar btnDelete manualment per tal que s'alineï verticalment per sota de btnReset

   

5. Per obtenir una visualització prèvia de l'aplicació, premeu F5.

6. Premeu el botó Reinicialitza per reinicialitzar el quadre de llista.

7. Premeu un element del quadre de llista per seleccionar-lo.

8. Premeu el botó Suprimeix per suprimir l'element.

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).