Adicionar uma caixa de listagem, uma lista suspensa ou botões de opção

O PowerApps inclui opções de seleção múltipla e seleção única, incluindo uma caixa de listagem, uma lista suspensa e botões de opção. Neste tópico, podemos adicionar esses controles e usar uma fórmula de Tabela para criar as listas. Quando um item é selecionado na lista, ele atualiza os outros controles.

Pré-requisitos

• Inscreva-se no PowerApps e instale-o. Quando você abrir o PowerApps, entre com as mesmas credenciais que usou para se inscrever.
• Crie um aplicativo com base em um modelo, em dados ou do zero.
• Saiba como adicionar e configurar os controles.

Adicionar uma caixa de listagem

1. Na guia Inserir, selecione Controles e, em seguida, selecione Caixa de listagem:

   

2. Renomeie o controle Caixa de listagem para MyListBox:

   

3. Defina a propriedade Items conforme a expressão a seguir:
   ["circle","triangle","rectangle"]
   

   O designer é semelhante ao seguinte:

   

4. Na guia Inserir, selecione Ícones, selecione o círculo e coloque-o abaixo da Caixa de listagem:

   

5. Adicione um triângulo e um retângulo e, em seguida, organize as formas em uma linha sob o controle Caixa de listagem:

   

6. Definir a propriedade Visible das seguintes formas para as seguintes funções:

   Forma	Defina a função Visible para
   circle	If("circle" in MyListBox.SelectedItems.Value, true)
   triangle	If("triangle" in MyListBox.SelectedItems.Value, true)
   rectangle	If("rectangle" in MyListBox.SelectedItems.Value, true)

7. Visualize o que você criou . Selecione as diferentes formas do controle Caixa de listagem. Somente a forma ou formas que você selecionou são exibidas. Pressione Esc ou selecione o X para voltar à tela.

Nestas etapas, você usou uma expressão para criar uma lista de itens em um controle Caixa de listagem. Dependendo do que você escolhe no controle Caixa de listagem, formas diferentes são exibidas. Você pode aplicá-la a outros elementos dentro de sua empresa. Por exemplo, você pode usar um controle Caixa de listagem para exibir imagens de produto, descrições de produto e assim por diante.

Adicionar botões de opção

1. Na guia Página Inicial, selecione Nova tela.

2. Na guia Inserir, selecione Controles e, em seguida, selecione Opções.

   

3. Renomeie o controle Opções como Escolhas e defina a propriedade Items conforme esta fórmula:
   ["red","green","blue"]
   

   

   Se necessário, redimensione o controle para mostrar todas as opções.

4. Na guia Inserir, selecione Ícones e, em seguida, selecione o círculo.

5. Defina a propriedade Preencher do círculo para a função a seguir:
   If(Choices.Selected.Value = "red", RGBA(192, 0, 0, 1), Choices.Selected.Value = "green", RGBA(0, 176, 80, 1), Choices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

   Nesta fórmula, o círculo altera sua cor dependendo de qual botão de opção que você escolher.

6. Mova o círculo sob o controle Opção, como neste exemplo:

   

7. Visualize o que você criou: . Selecione um botão de opção diferente para alterar a cor do círculo. Pressione Esc ou selecione o X para voltar à tela.

Adicionar uma lista suspensa

1. Adicionar uma tela e, em seguida, adicione um controle Lista suspensa.

   

2. Renomeie o controle para DDChoices e defina a propriedade Items conforme esta fórmula:
   ["red","green","blue"]

3. Adicione um círculo, coloque-o abaixo do controle Lista suspensa e defina a propriedade Fill do círculo conforme esta fórmula:
   If(DDChoices.Selected.Value = "red", RGBA(192, 0, 0, 1), DDChoices.Selected.Value = "green", RGBA(0, 176, 80, 1), DDChoices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

4. Visualize o que você criou: . Selecione as diferentes opções para alterar a cor do círculo.