Adicionar uma caixa de listagem, uma lista suspensa ou botões de opçãoAdd a list box, a drop-down list, or radio buttons

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.PowerApps includes multi-select and single-select options, including a list box, a drop-down list, and radio buttons. Neste tópico, podemos adicionar esses controles e usar uma fórmula de Tabela para criar as listas.In this topic, we add these controls and use a Table formula to build the lists. Quando um item é selecionado na lista, ele atualiza os outros controles.When an item is selected in the list, it updates other controls.

 

Pré-requisitosPrerequisites

Adicionar uma caixa de listagemAdd a list box

  1. Na guia Inserir, selecione Controles e, em seguida, selecione Caixa de listagem:On the Insert tab, select Controls, and then select List box:

  2. Renomeie o controle Caixa de listagem para MyListBox:Rename the List box control to MyListBox:

  3. Defina a propriedade Items conforme a expressão a seguir:Set its Items property to the following expression:
    ["circle","triangle","rectangle"]

    O designer é semelhante ao seguinte:Your designer looks similar to the following:

  4. Na guia Inserir, selecione Ícones, selecione o círculo e coloque-o abaixo da Caixa de listagem:On the Insert tab, select Icons, select the circle, and move it under the List box control:

  5. Adicione um triângulo e um retângulo e, em seguida, organize as formas em uma linha sob o controle Caixa de listagem:Add a triangle and a rectangle, and then arrange the shapes in a row under the List box control:

  6. Definir a propriedade Visible das seguintes formas para as seguintes funções:Set the Visible property of the following shapes to the following functions:

    FormaShape Defina a função Visible paraSet Visible function to
    circlecircle If("circle" in MyListBox.SelectedItems.Value, true)
    triangletriangle If("triangle" in MyListBox.SelectedItems.Value, true)
    rectanglerectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Visualize o que você criou .Preview what you've created . Selecione as diferentes formas do controle Caixa de listagem.Select the different shapes in the List box control. Somente a forma ou formas que você selecionou são exibidas.Only the shape or shapes that you select appear. Pressione Esc ou selecione o X para voltar à tela.Press Esc or select the X to go back to your screen.

Nestas etapas, você usou uma expressão para criar uma lista de itens em um controle Caixa de listagem.In these steps, you used an expression to create a list of items in a List box control. Dependendo do que você escolhe no controle Caixa de listagem, formas diferentes são exibidas.Depending on what you choose in the List box control, different shapes are displayed. Você pode aplicá-la a outros elementos dentro de sua empresa.You can apply this to other elements within your business. Por exemplo, você pode usar um controle Caixa de listagem para exibir imagens de produto, descrições de produto e assim por diante.For example, you can use a List box control to display product images, product descriptions, and so on.

Adicionar botões de opçãoAdd radio buttons

  1. Na guia Página Inicial, selecione Nova tela.On the Home tab, select New Screen.
  2. Na guia Inserir, selecione Controles e, em seguida, selecione Opções.On the Insert tab, select Controls, and then select Radio.

  3. Renomeie o controle Opções como Escolhas e defina a propriedade Items conforme esta fórmula:Rename the Radio control to Choices, and set its Items property to this formula:
    ["red","green","blue"]

    Se necessário, redimensione o controle para mostrar todas as opções.If needed, resize the control to show all the options.

  4. Na guia Inserir, selecione Ícones e, em seguida, selecione o círculo.On the Insert tab, select Icons, and then select the circle.
  5. Defina a propriedade Preencher do círculo para a função a seguir:Set the Fill property of the circle to the following function:
    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.In this formula, the circle changes its color depending on which radio button you choose.

  6. Mova o círculo sob o controle Opção, como neste exemplo:Move the circle under the Radio control, as in this example:

  7. Visualize o que você criou: .Preview what you've created: . Selecione um botão de opção diferente para alterar a cor do círculo.Select a different radio button to change the color of the circle. Pressione Esc ou selecione o X para voltar à tela.Press Esc or select the X to go back to your screen.

Adicionar uma lista suspensaAdd a drop-down list

  1. Adicionar uma tela e, em seguida, adicione um controle Lista suspensa.Add a screen, and then add a Drop down control.

  2. Renomeie o controle para DDChoices e defina a propriedade Items conforme esta fórmula:Rename the control to DDChoices, and set its Items property to this formula:
    ["red","green","blue"] ["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:Add a circle, move it below the Drop down control, and set the circle's Fill property to this formula:
    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: .Preview what you've created: . Selecione as diferentes opções para alterar a cor do círculo.Select the different options to change the color of the circle.