Control Lista desplegable en PowerAppsDrop down control in PowerApps

Una lista que muestra solo el primer elemento a menos que el usuario la abra.A list that shows only the first item unless the user opens it.

DescripciónDescription

Un control Lista desplegable conserva el estado real de la pantalla, en especial cuando la lista contiene un gran número de opciones.A Drop down control conserves screen real estate, especially when the list contains a large number of choices. El control toma una sola línea a menos que el usuario seleccione las comillas angulares para revelar más opciones.The control takes up only one line unless the user selects the chevron to reveal more choices.

Propiedades principalesKey properties

Predeterminado: el valor inicial de un control antes de que lo cambie el usuario.Default – The initial value of a control before it is changed by the user.

Elementos: origen de datos que aparece en un control, como una galería, una lista o un 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.

Seleccionados: el elemento seleccionado.Selected – The selected item.

Propiedades adicionalesAdditional properties

BorderColor: el color de un borde del control.BorderColor – The color of a control's border.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness: el grosor de un borde del control.BorderThickness – The thickness of a control's border.

FocusedBorderThickness: grosor del borde del control cuando se resalta el teclado.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

ChevronBackground: el color detrás de la flecha hacia abajo en una lista desplegable.ChevronBackground – The color behind the down arrow in a dropdown list.

ChevronFill: el color de la flecha hacia abajo en una lista desplegable.ChevronFill – The color of the down arrow in a dropdown list.

Color: el color del texto en un control.Color – The color of text in a control.

DisplayMode: indica si el control permite entradas de usuario (Edit), solo muestra datos (View) o si está deshabilitado (Disabled).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor: el color de un borde del control si la propiedad DisplayMode del control está establecida en Disabled.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor: el color del texto en un control si su propiedad DisplayMode está establecida en Disabled.DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill: el color de fondo de un control si su propiedad DisplayMode está establecida en Disabled.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill: el color de fondo de un control.Fill – The background color of a control.

Font: el nombre de la familia de fuentes en la que aparece el texto.Font – The name of the family of fonts in which text appears.

FontWeight: el peso del texto en un control: Bold, Semibold, Normal o Lighter.FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height: la distancia entre los bordes superior e inferior de un control.Height – The distance between a control's top and bottom edges.

HoverBorderColor: el color de un borde del control cuando el usuario mantiene el puntero del mouse sobre ese control.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverColor: el color del texto de un control cuando el usuario mantiene el puntero del mouse sobre él.HoverColor – The color of the text in a control when the user keeps the mouse pointer on it.

HoverFill: el color de fondo de un control cuando el usuario mantiene el puntero del mouse sobre él.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

Italic: indica si el texto de un control está en cursiva.Italic – Whether the text in a control is italic.

AlCambiar: indica cómo responde la aplicación cuando el usuario cambia el valor de un control (por ejemplo, mediante el ajuste de un control deslizante).OnChange – How the app responds when the user changes the value of a control (for example, by adjusting a slider).

OnSelect: indica cómo responde la aplicación cuando el usuario toca o hace clic en un control.OnSelect – How the app responds when the user taps or clicks a control.

RellenoInferior: distancia entre el texto de un control y el borde inferior de ese control.PaddingBottom – The distance between text in a control and the bottom edge of that control.

RellenoIzquierdo: distancia entre el texto de un control y el borde izquierdo de ese control.PaddingLeft – The distance between text in a control and the left edge of that control.

RellenoDerecho: distancia entre el texto de un control y el borde derecho de ese control.PaddingRight – The distance between text in a control and the right edge of that control.

RellenoSuperior: distancia entre el texto de un control y el borde superior de ese control.PaddingTop – The distance between text in a control and the top edge of that control.

PressedBorderColor: el color de un borde del control cuando el usuario toca o hace clic en ese control.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedColor: el color de texto de un control cuando el usuario toca o hace clic en ese control.PressedColor – The color of text in a control when the user taps or clicks that control.

PressedFill: el color de fondo de un control cuando el usuario toca o hace clic en ese control.PressedFill – The background color of a control when the user taps or clicks that control.

Reset: indica si un control vuelve a su valor predeterminado.Reset – Whether a control reverts to its default value.

ColorDeSelección: color del texto de los elementos seleccionados en una lista o de la herramienta de selección de un control de entrada manuscrita.SelectionColor – The text color of a selected item or items in a list or the color of the selection tool in a pen control.

RellenoDeSelección: el color de fondo de uno o varios elementos seleccionados en una lista o un área seleccionada de un control de entrada manuscrita.SelectionFill – The background color of a selected item or items in a list or a selected area of a pen control.

Size: el tamaño de la fuente del texto que aparece en un control.Size – The font size of the text that appears on a control.

Strikethrough: indica si aparece una línea sobre el texto de un control.Strikethrough – Whether a line appears through the text that appears on a control.

TabIndex: personaliza el orden de tabulación de los controles en tiempo de ejecución cuando se establece en un valor distinto de cero.TabIndex – Customizes the tab order of controls at runtime when set to a non-zero value.

Información sobre herramientas: texto explicativo que aparece cuando el usuario mantiene el puntero sobre un control.Tooltip – Explanatory text that appears when the user hovers over a control.

Underline: indica si aparece una línea debajo del texto de un control.Underline – Whether a line appears under the text that appears on a control.

Visible: indica si un control aparece o está oculto.Visible – Whether a control appears or is hidden.

Width: la distancia entre los bordes derecho e izquierdo de un control.Width – The distance between a control's left and right edges.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

EjemploExample

  1. Agregue un control Botón y establezca su propiedad Texto para mostrar Recopilar.Add a Button control, and set its Text property to show Collect.

    ¿No sabe cómo agregar, nombrar y configurar un control?Don't know how to add, name, and configure a control?

  2. Establezca la propiedad AlSeleccionar del control Botón en 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})

    ¿Desea más información sobre la función ClearCollect u otras funciones?Want more information about the ClearCollect function or other functions?

  3. Presione F5, haga clic o pulse el control Botón y luego presione Esc.Press F5, click or tap the Button control, and then press Esc.
  4. Agregue un control Lista desplegable, denomínelo Países y establezca su propiedad Elementos en 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. Agregue un control Galería de texto en orientación vertical y establezca su propiedad Elementos en 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. En el primer elemento del control Galería de texto, establezca la propiedad Texto del control Etiqueta superior en ThisItem.City y elimine el control Etiqueta 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. Establezca la propiedad TamañoDePlantilla del control Galería de texto en 80.Set the TemplateSize property of the Text gallery control to 80.
  8. Presione F5, pulse o haga clic en las comillas angulares de la lista Countries y luego elija una opción de esa lista.Press F5, click or tap the chevron in the Countries list, and then choose an option in that list.

    El control Galería de texto muestra solo esas ciudades del país que eligió.The Text gallery control shows only those cities in the country that you chose.