Engada unha caixa de lista, unha lista despregable, unha caixa de combinación ou botóns de opción a unha aplicación de lenzo

Amose unha única columna de datos (por exemplo, desde unha táboa de varias columnas) nunha aplicación de lenzo para que os usuarios poidan seleccionar un ou varios elementos dunha lista.

• Engada unha caixa de lista para permitir aos usuarios seleccionar máis dunha opción.
• Engada unha lista despregable ou unha caixa combinada para ocupar menos espazo nunha pantalla.
• Engada un conxunto de botóns de opción para un efecto de deseño particular.

Este tema céntrase nas caixas de listas e nos botóns de opción, pero os mesmos principios aplícanse ás listas despregables.

Requisitos previos

1. Crea unha aplicación de lenzo en branco.
2. Aprende a engadir e configurar controis.

Crear unha lista sinxela

1. Engade un control List box chamado MyListBox e define a súa propiedade Items nesta expresión:

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

   O seu deseñador ten un aspecto similar ao seguinte:

   

2. Na lapela Inserir , selecciona Iconas, selecciona o círculo e móveo a A miña caixa de lista:

   

3. Engade un triángulo e un rectángulo e, a seguir, organiza as formas nunha fila baixo MyListBox:

   

4. Define a propiedade Visible das seguintes formas coas seguintes funcións:

   Forma	Establecer a función Visible en
   círculo	If("circle" in MyListBox.SelectedItems.Value, true)
   triángulo	If("triangle" in MyListBox.SelectedItems.Value, true)
   rectángulo	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Mentres mantén premida a tecla Alt, selecciona unha ou máis formas en MyListBox.

   Só aparecerán a forma ou formas que seleccione.

Nestes pasos, usou unha expresión para crear unha lista de elementos. Pode aplicar isto a outros elementos da súa empresa. Por exemplo, podes usar un control Despregable para mostrar imaxes de produtos, descricións de produtos, etc.

Engadir botóns de opción

1. Na lapela Inicio , selecciona Nova pantalla e, a seguir, selecciona En branco.

2. Na lapela Inserir , selecciona Controis e, a seguir, selecciona Radio.

   

3. Renomear o control Radio a Choices e definir a súa propiedade Items nesta fórmula:
   ["red","green","blue"]
   

   

   Se é necesario, cambie o tamaño do control para amosar todas as opcións.

4. Na lapela Inserir , selecciona Iconas e, a seguir, selecciona o círculo.

5. Define a propiedade Fill do círculo coa seguinte función:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   Nesta fórmula, o círculo cambiará a súa cor dependendo do botón de opción que escolla.

6. Move o círculo baixo o control Radio , como neste exemplo:

   

7. Mentres mantén premida a tecla Alt, seleccione un botón de opción diferente para cambiar a cor do círculo.

Engadir un elemento a unha lista existente

1. Engade un control Button e chámao "btnReset".

   Non sabes como engadir, nomear e configurar un control?

2. Definir a propiedade OnSelect en btnReset a esta fórmula:

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

3. Define a propiedade Texto en btnReset a "Reset".

4. Engade un control Caixa de lista chamado lbItems e define a súa propiedade Elementos en MyItems.

5. Mentres mantés premida a tecla Alt e preme o botón Reiniciar.

   Nota

   A caixa de lista debería encherse cos elementos da colección "Os meus elementos".

6. Organice a caixa de lista e o botón para que estean aliñados verticalmente.

   

7. Engade un control Entrada de texto e chámao "txtAdd".

8. Establece Texto propiedade de txtAdd a "".

9. Engade un control Button e chámao "btnAdd".

10. Define a propiedade Texto de btnAdd to "Add".

11. Establece OnSelect propiedade de btnAdd na seguinte fórmula:

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

    Nota

    • A función de recoller engadirá o texto da entrada de texto como elemento na colección.
    • A función de restablecemento restablecerá a entrada de texto ao estado predeterminado.

12. Organiza txtAdd e btnAdd para que queden aliñados verticalmente debaixo de lbItems e btnReset.

    

13. Previsualiza a aplicación premendo F5.

14. Engadir un valor de texto ao control de entrada de texto txtAdd .

15. Prema o botón Engadir.

    Nota

    A caixa de lista debería encherse cos elementos da colección Os meus elementos.

(Opcional) Elimine un elemento dunha lista existente

1. Engade un control Button e chámao "btnDelete".

2. Define a propiedade Texto de btnDelete en"Delete".

3. Definir a propiedade OnSelect de btnDelete na seguinte fórmula:

   Remove(MyItems, lbItems.Selected)
   

4. Organizar btnDelete para que quede aliñado verticalmente debaixo btnReset

   

5. Previsualiza a aplicación premendo F5.

6. Prema o botón Restablecer para restablecer a caixa de lista.

7. Prema un elemento na caixa de lista para seleccionalo.

8. Prema o botón Eliminar para eliminar o elemento.