Controle de menu suspenso no PowerAppsDrop down control in PowerApps

Uma lista que mostra somente o primeiro item, a menos que o usuário o abra.A list that shows only the first item unless the user opens it.

DescriçãoDescription

Um controle de lista suspensa economiza espaço na tela, especialmente quando a lista contém um grande número de opções.A Drop down control conserves screen real estate, especially when the list contains a large number of choices. O controle utiliza apenas uma linha para cima, a menos que o usuário selecione a divisa para revelar mais opções.The control takes up only one line unless the user selects the chevron to reveal more choices.

Propriedades-chaveKey properties

Default – o valor inicial de um controle antes de ele ser alterado pelo usuário.Default – The initial value of a control before it is changed by the user.

Items - a fonte de dados exibida em um controle como uma galeria, uma lista ou um gráfico.Items – The source of data that appears in a control such as a gallery, a list, or a chart.

Items The source of data that appears in a control such as a gallery, a list, or a chart.

When you add a gallery, a list, or a chart, the property list shows Items by default so that you can easily specify the data that the new control should show. For example, you might set the Items property of a gallery to the Account table in Salesforce, a table named Inventory that you created in Excel and uploaded to the cloud, or a SharePoint list named ConferenceSpeakers.

Selected – o item selecionado.Selected – The selected item.

Propriedades adicionaisAdditional properties

BorderColor – a cor da borda do controle.BorderColor – The color of a control's border.

BorderStyle – se a borda do controle é Solid, Dashed, Dotted ou None.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – a espessura da borda do controle.BorderThickness – The thickness of a control's border.

FocusedBorderThickness – a espessura da borda do controle quando ele tem o foco do teclado.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

ChevronBackground – a cor atrás da seta para baixo em uma lista suspensa.ChevronBackground – The color behind the down arrow in a dropdown list.

ChevronFill – a cor da seta para baixo em uma lista suspensa.ChevronFill – The color of the down arrow in a dropdown list.

Color – a cor do texto em um controle.Color – The color of text in a control.

DisplayMode – se o controle permite entrada do usuário (Edição), apenas exibe dados (Exibição) ou está desabilitado (Desabilitado).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – a cor da borda de um controle se a propriedade DisplayMode do controle estiver definida como Desabilitado.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor – a cor do texto em um controle se sua propriedade DisplayMode estiver definida como Desabilitado.DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill – a cor da tela de fundo de um controle se sua propriedade DisplayMode estiver definida como Desabilitado.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill – a cor da tela de fundo de um controle.Fill – The background color of a control.

Font – o nome da família de fontes no qual o texto é exibido.Font – The name of the family of fonts in which text appears.

FontWeight – o peso do texto em um controle: Bold (negrito), Semibold, Normal ou Lighter (mais leve).FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height – a distância entre a parte superior do controle e as bordas inferiores.Height – The distance between a control's top and bottom edges.

HoverBorderColor – a cor da borda do controle quando o usuário mantém o ponteiro do mouse nesse controle.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverColor – a cor do texto em um controle quando o usuário mantém o ponteiro do mouse sobre ele.HoverColor – The color of the text in a control when the user keeps the mouse pointer on it.

HoverFill – a cor da tela de fundo de um controle quando o usuário mantém o ponteiro do mouse sobre ele.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

Italic – se o texto em um controle está em itálico.Italic – Whether the text in a control is italic.

OnChange – como o aplicativo responde quando o usuário altera o valor de um controle (por exemplo, ajustando um controle deslizante).OnChange – How the app responds when the user changes the value of a control (for example, by adjusting a slider).

OnSelect – como o aplicativo responde quando o usuário toca ou clica em um controle.OnSelect – How the app responds when the user taps or clicks a control.

PaddingBottom – a distância entre o texto em um controle e a borda inferior desse controle.PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft – a distância entre o texto em um controle e a borda esquerda desse controle.PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight – a distância entre o texto em um controle e a borda direita desse controle.PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop – a distância entre o texto em um controle e a borda superior desse controle.PaddingTop – The distance between text in a control and the top edge of that control.

PressedBorderColor – a cor da borda do controle quando o usuário toca ou clica nesse controle.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedColor – a cor do texto em um controle quando o usuário toca ou clica nesse controle.PressedColor – The color of text in a control when the user taps or clicks that control.

PressedFill – a cor da tela de fundo de um controle quando o usuário toca ou clica nesse controle.PressedFill – The background color of a control when the user taps or clicks that control.

Reset – se um controle é revertido para seu valor padrão.Reset – Whether a control reverts to its default value.

SelectionColor – a cor do texto de um item ou itens selecionados em uma lista ou a cor da ferramenta de seleção em um controle de caneta.SelectionColor – The text color of a selected item or items in a list or the color of the selection tool in a pen control.

SelectionFill – a cor da tela de fundo de um item ou itens selecionados em uma lista ou uma área selecionada de um controle de caneta.SelectionFill – The background color of a selected item or items in a list or a selected area of a pen control.

Size – o tamanho da fonte do texto que aparece em um controle.Size – The font size of the text that appears on a control.

Strikethrough – se uma linha é exibida cortando o texto que aparece em um controle.Strikethrough – Whether a line appears through the text that appears on a control.

TabIndex – personaliza a ordem de tabulação de controles em tempo de execução quando definida como um valor diferente de zero.TabIndex – Customizes the tab order of controls at runtime when set to a non-zero value.

Tooltip – um texto explicativo aparece quando o usuário passa o mouse sobre um controle.Tooltip – Explanatory text that appears when the user hovers over a control.

Underline – se uma linha é exibida sob o texto que aparece em um controle.Underline – Whether a line appears under the text that appears on a control.

Visible – se um controle é exibido ou está oculto.Visible – Whether a control appears or is hidden.

Width – a distância entre das bordas esquerda e direita de um controle.Width – The distance between a control's left and right edges.

X – a distância entre a borda esquerda de um controle e a borda esquerda de seu contêiner pai (tela, se não houver contêiner pai).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – a distância entre a borda superior de um controle e a borda superior de seu contêiner pai (tela, se não houver contêiner pai).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

ExemploExample

  1. Adicione um controle Button e defina sua propriedade Text para mostrar Collect.Add a Button control, and set its Text property to show Collect.

    Não sabe como adicionar, nomear e configurar um controle?Don't know how to add, name, and configure a control?

  2. Defina a propriedade OnSelect do controle Button como esta fórmula:Set the OnSelect property of the Button control to this formula:
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

    Deseja obter mais informações sobre a função ClearCollect ou outras funções?Want more information about the ClearCollect function or other functions?

  3. Pressione F5, clique ou toque no controle de Botão e, em seguida, pressione Esc.Press F5, click or tap the Button control, and then press Esc.
  4. Adicione um controle de lista suspensa, chame-o de Countries e defina sua propriedade Items como esta fórmula:Add a Drop down control, name it Countries, and set its Items property to this formula:
    Distinct(CityPopulations, Country)Distinct(CityPopulations, Country)
  5. Adicione um controle de Galeria de texto na orientação vertical/retrato e defina sua propriedade Items como esta fórmula:Add a Text gallery control in vertical/portrait orientation, and set its Items property to this formula:
    Filter(CityPopulations, Countries.Selected.Value in Country)Filter(CityPopulations, Countries.Selected.Value in Country)
  6. No primeiro item do controle Galeria de texto, defina a propriedade Text do controle Rótulo superior como ThisItem.City e exclua o controle Rótulo inferior.In the first item of the Text gallery control, set the Text property of the upper Label control to ThisItem.City, and delete the bottom Label control.
  7. Defina a propriedade TemplateSize do controle de Galeria de texto como 80.Set the TemplateSize property of the Text gallery control to 80.
  8. Pressione F5, clique ou toque na divisa na lista Countries e então escolha uma opção na lista.Press F5, click or tap the chevron in the Countries list, and then choose an option in that list.

    O controle de Galeria de texto mostra apenas as cidades no país que você escolheu.The Text gallery control shows only those cities in the country that you chose.