Adicionar uma caixa de lista, uma lista pendente, uma caixa de combinação ou botões de opção a uma aplicação de tela

Mostre uma única coluna de dados (por exemplo, de uma tabela com várias colunas) numa aplicação de tela para que os utilizadores possam selecionar um ou mais itens numa lista.

• Adicione uma caixa de listagem para permitir que os utilizadores selecionem mais do que uma opção.
• Adicione uma lista pendente ou uma caixa de combinação para ocupar menos espaço num ecrã.
• Adicione um conjunto de botões de opção para obter um efeito de design específico.

Este tópico centra-se nas caixas de listagens e nos botões de opção, mas os mesmos princípios também se aplicam às listas pendentes.

Pré-requisitos

1. Criar uma aplicação de tela em branco.
2. Mais informações sobre como adicionar e configurar controlos.

Criar uma lista simples

1. Adicione um controlo Caixa de listagem denominado MyListBox e defina a propriedade Itens para esta expressão:

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

   O estruturador será semelhante ao seguinte:

   

2. No separador Inserir, selecione Ícones, selecione o círculo e mova-o para baixo de MyListBox:

   

3. Adicione um triângulo e um retângulo e, em seguida, disponha as formas numa linha abaixo de MyListBox:

   

4. Defina a propriedade Visible das formas seguintes para as funções seguintes:

   Forma	Definir função Visible como
   círculo	If("circle" in MyListBox.SelectedItems.Value, true)
   triângulo	If("triangle" in MyListBox.SelectedItems.Value, true)
   retângulo	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Mantenha premida a tecla Alt e selecione uma ou mais formas em MyListBox.

   Apenas aparecem a forma ou formas que selecionar.

Nestes passos, utilizou uma expressão para criar uma lista de itens. Pode aplicar o que escolheu a outros elementos dentro da sua empresa. Por exemplo, pode utilizar um controlo Menu pendente para apresentar imagens dos produtos, descrições dos produtos e assim sucessivamente.

Adicionar botões de opção

1. No separador Home Page, selecione Novo Ecrã e, em seguida, selecione Em branco.

2. No separador Inserir, selecione Controlos e, em seguida, Botão de opção.

   

3. Mude o nome do controlo Botão de opção para Escolhas e defina a propriedade Items para esta fórmula:
   ["red","green","blue"]
   

   

   Se for preciso, redimensione o controlo para mostrar todas as opções.

4. No separador Inserir, selecione Ícones e, em seguida, o círculo.

5. Defina a propriedade Fill do círculo para a função seguinte:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   Nesta fórmula, o círculo muda de cor consoante o botão de opção que escolher.

6. Mova o círculo para baixo do controlo Botão de opção, tal como neste exemplo:

   

7. Mantenha premida a tecla Alt e selecione um botão de opção diferente para alterar a cor do círculo.

Adicione um item a uma lista existente

1. Adicione um controlo Botão e atribua-lhe o nome "btnReset".

   Não sabe como adicionar, atribuir um nome e configurar um controlo?

2. Defina a propriedade OnSelect em btnReset para a seguinte fórmula:

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

3. Defina a propriedade Text no btnReset para "Reset".

4. Adicione um controlo de caixa de lista chamado lbItems e coloque a sua propriedade itens para MyItems.

5. Mantenha a tecla Alt premida e prima o botão Repor.

   Nota

   A caixa de lista deve preencher com os itens da coleção "MyItems".

6. Organize a caixa de lista e o botão para que estejam alinhados verticalmente.

   

7. Adicione um controlo de Entrada de texto e designe-o "txtAdd".

8. Definir propriedade de texto do txtAdd para "".

9. Adicione um controlo de Botão e denomine-o "btnAdd".

10. Definir a propriedade de Text de btnAdd para "Add".

11. Defina a propriedade OnSelect de btnAdd para a seguinte fórmula:

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

    Nota

    • A função collect adicionará o texto da entrada de texto como um item na coleção.
    • A função de repor irá redefinir a entrada de texto de volta ao seu estado padrão.

12. Organize txtAdd e btnAdd para que estejam alinhados verticalmente por baixo de lbItems e btnReset.

    

13. Pré-visualizar a aplicação pressionando F5.

14. Adicione um valor de texto a controlo de entrada de texto txtAdd.

15. Prima o botão Adicionar.

    Nota

    A caixa de lista deve preencher com os itens da coleção MyItems.

(Opcional) Remova um item de uma lista existente

1. Adicione um controlo Botão e atribua-lhe o nome "btnDelete".

2. Definir a propriedade Text de btnDelete como "Delete".

3. Defina a propriedade OnSelect de btnDelete para a seguinte fórmula:

   Remove(MyItems, lbItems.Selected)
   

4. Organize btnDelete para que seja alinhado verticalmente por baixo do btnReset

   

5. Pré-visualizar a aplicação pressionando F5.

6. Prima o botão Repor para reiniciar a caixa de lista.

7. Prima um item na caixa de lista para o selecionar.

8. Prima o botão Eliminar para eliminar o artigo.