Control Desplegable en Power Apps

Una lista que muestra solo el primer elemento a menos que el usuario la abra.

Descripción

Un control Desplegable conserva el estado real de la pantalla, en especial cuando la lista contiene un gran número de opciones. El control muestra una sola línea a menos que el usuario seleccione las comillas angulares para revelar más opciones. El control muestra un máximo de 500 elementos.

Propiedades clave

Default: valor inicial de un control antes de que el usuario especifique otro.

Items: origen de datos que contiene los elementos que aparecen en el control. Si el origen tiene varias columnas, establezca la propiedad Value del control en la columna de datos que quiere mostrar.

Value: columna de datos que quiere mostrar en el control (por ejemplo, si un origen de datos tiene varias columnas).

Selected: registro de datos que representa el objeto seleccionado.

AllowEmptySelection: si el control no puede tener elementos seleccionados. Cuando es falso, siempre habrá un elemento seleccionado, que inicialmente será el Predeterminado o el primer elemento.

Propiedades adicionales

AccessibleLabel: etiqueta para lectores de pantalla.

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

ChevronBackground: el color detrás de la flecha hacia abajo en una lista desplegable.

ChevronFill: el color de la flecha hacia abajo en una lista desplegable.

Color: el color del texto en un control.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

DisabledBorderColor: el color del borde de un control si la propiedad DisplayMode del control está establecida en Deshabilitado.

DisabledColor: el color del texto en un control si su propiedad DisplayMode está establecida en Deshabilitado.

DisabledFill: el color de fondo de un control si su propiedad DisplayMode está establecida en Deshabilitado.

Fill: el color de fondo de un control.

FocusedBorderColor: el color del borde de un control cuando el control recibe el foco.

FocusedBorderThickness: el grosor del borde de un control cuando el control recibe el foco.

Font: el nombre de la familia de fuentes en la que aparece el texto.

FontWeight: el peso del texto en un control: Bold, Semibold, Normal o Lighter.

Height: la distancia entre los bordes superior e inferior de un control.

HoverBorderColor: el color del borde de un control cuando el usuario mantiene el puntero del ratón sobre ese control.

HoverColor: el color del texto de un control cuando el usuario mantiene el puntero del ratón sobre él.

HoverFill: el color de fondo de un control cuando el usuario mantiene el puntero del ratón sobre él.

Italic: indica si el texto de un control está en cursiva.

OnChange: acciones para llevar a cabo cuando el usuario cambia el valor de un control (por ejemplo, mediante el ajuste de un control deslizante).

OnSelect: acciones para llevar a cabo cuando el usuario toca o hace clic en un control.

PaddingBottom: distancia entre el texto de un control y el borde inferior de ese control.

PaddingLeft: distancia entre el texto de un control y el borde izquierdo de ese control.

PaddingRight: distancia entre el texto de un control y el borde derecho de ese control.

PaddingTop: distancia entre el texto de un control y el borde superior de ese control.

PressedBorderColor: el color de un borde del control cuando el usuario toca o hace clic en ese control.

PressedColor: el color de texto de un control cuando el usuario toca o hace clic en ese control.

PressedFill: el color de fondo de un control cuando el usuario toca o hace clic en ese control.

Reset: indica si un control vuelve a su valor predeterminado.

SelectedText (en desuso): valor de cadena que representa el elemento seleccionado. Usar Dropdown1.SelectedText.Value en su lugar, reemplaza "Dropdown1" con el nombre del control desplegable en la aplicación.

SelectionColor: color del texto de los elementos seleccionados en una lista o de la herramienta de selección de un control de lápiz.

SelectionFill: el color de fondo de uno o varios elementos seleccionados en una lista o un área seleccionada de un control de lápiz.

Size: tamaño de la fuente del texto que aparece en un control.

Strikethrough: indica si aparece una línea sobre el texto de un control.

TabIndex: orden de navegación del teclado en relación con otros controles.

Tooltip: texto explicativo que aparece cuando el usuario mantiene el mouse sobre un control.

Underline: indica si aparece una línea debajo del texto de un control.

Visible: indica si un control aparece o está oculto.

Width: la distancia entre los bordes derecho e izquierdo de un control.

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).

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).

Ejemplos

Lista sencilla

1. Agregue un control Desplegable y establezca su propiedad Items en esta expresión:

   ["Seattle", "Tokyo", "London", "Johannesburg", "Rio de Janeiro"]

   ¿No sabe cómo agregar, nombrar y configurar un control?

2. Para mostrar los elementos de la lista, seleccione la flecha hacia abajo del control mientras presiona la tecla Alt.

Lista de un origen de datos

Los principios de este procedimiento se aplican a cualquier origen de datos que proporcione tablas pero, para seguir estos pasos exactamente, debe abrir un entorno para el que se haya agregado una base de datos de Microsoft Dataverse y se hayan agregado datos de ejemplo.

1. Abra una aplicación en blanco y especifique la tabla Cuentas.

2. Agregue un control Desplegable y establezca su propiedad Items en esta fórmula:

   Distinct(Accounts, 'Address 1: City')

   Esta fórmula muestra todas las ciudades de la tabla Cuentas. Si hay más de un registro con la misma ciudad, la función Distinct oculta la duplicación en el control de lista desplegable.

3. (opcional) Cambie el nombre del control Desplegable a Cities, agregue un control vertical Galería y establezca la propiedad Items de la galería en esta fórmula:

   Filter(Accounts, address1_city = Cities.Selected.Result)

   Esta función Filter muestra únicamente aquellos registros de la tabla Cuentas en los que la ciudad coincida con el valor seleccionado en el control Cities.

Instrucciones para accesibilidad

Contraste de color

Debe haber un contraste de color adecuado entre:

• ChevronFill y ChevronBackground
• ChevronHoverFill y ChevronHoverBackground
• SelectionColor y SelectionFill
• SelectionFill y Fill

Y esto, además de los requisitos de contraste de color estándar.

Compatibilidad con el lector de pantalla

• La propiedad AccessibleLabel debe estar presente.

Compatibilidad con el teclado

• TabIndex debe ser cero o superior para que los usuarios del teclado puedan desplazarse hasta él.
• Los indicadores de foco deben ser claramente visibles. Use FocusedBorderColor y FocusedBorderThickness para conseguirlo.