Adición de un cuadro de lista, una lista desplegable o botones de selecciónAdd a list box, a drop-down list, or radio buttons

PowerApps incluye opciones de selección múltiple y de selección única, como un cuadro de lista, una lista desplegable y botones de selección.PowerApps includes multi-select and single-select options, including a list box, a drop-down list, and radio buttons. En este tema, añadiremos estos controles y usaremos una fórmula de Tabla para crear las listas.In this topic, we add these controls and use a Table formula to build the lists. Cuando se selecciona un elemento de la lista, se actualizan otros controles.When an item is selected in the list, it updates other controls.

 

Requisitos previosPrerequisites

Adición de un cuadro de listaAdd a list box

  1. En la pestaña Insertar, seleccione Controles y, a continuación, seleccione Cuadro de lista:On the Insert tab, select Controls, and then select List box:

  2. Cambie el nombre del control Cuadro de lista por MyListBox:Rename the List box control to MyListBox:

  3. Establezca la propiedad Elementos en la siguiente expresión:Set its Items property to the following expression:
    ["circle","triangle","rectangle"]

    El diseñador tendrá un aspecto similar al siguiente:Your designer looks similar to the following:

  4. En la pestaña Insertar, seleccione Iconos, seleccione el círculo y sitúelo bajo el control Cuadro de lista:On the Insert tab, select Icons, select the circle, and move it under the List box control:

  5. Añada un triángulo y un rectángulo y, a continuación, disponga las formas en una fila bajo el control Cuadro de lista:Add a triangle and a rectangle, and then arrange the shapes in a row under the List box control:

  6. Defina la propiedad Visible de las formas siguientes con las funciones indicadas a continuación:Set the Visible property of the following shapes to the following functions:

    FormaShape Establecer función de Visible enSet Visible function to
    círculocircle If("circle" in MyListBox.SelectedItems.Value, true)
    triángulotriangle If("triangle" in MyListBox.SelectedItems.Value, true)
    rectángulorectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Obtenga una vista previa de lo que ha creado: .Preview what you've created . Seleccione las diferentes formas en el control Cuadro de lista.Select the different shapes in the List box control. Solo se mostrarán aquellas formas que seleccione.Only the shape or shapes that you select appear. Presione Esc o seleccione X para volver a la pantalla.Press Esc or select the X to go back to your screen.

En estos pasos, ha utilizado una expresión para crear una lista de elementos en un control Cuadro de lista.In these steps, you used an expression to create a list of items in a List box control. En función de lo que se seleccione en el control Cuadro de lista, se muestran distintas formas.Depending on what you choose in the List box control, different shapes are displayed. Esto es aplicable a otros elementos de su negocio.You can apply this to other elements within your business. Por ejemplo, puede usar un control Cuadro de lista para mostrar imágenes de productos, descripciones de productos, etc.For example, you can use a List box control to display product images, product descriptions, and so on.

Adición de botones de selecciónAdd radio buttons

  1. En la pestaña Inicio, seleccione Nueva pantalla.On the Home tab, select New Screen.
  2. En la pestaña Insertar, seleccione Controles y, a continuación, seleccione Botón de selección.On the Insert tab, select Controls, and then select Radio.

  3. Cambie el nombre del control Botón de selección por Choices y establezca la siguiente fórmula para la propiedad Elementos:Rename the Radio control to Choices, and set its Items property to this formula:
    ["red","green","blue"]

    Si es necesario, cambie el tamaño del control para mostrar todas las opciones.If needed, resize the control to show all the options.

  4. En la pestaña Insertar, seleccione Iconos y, a continuación, seleccione el círculo.On the Insert tab, select Icons, and then select the circle.
  5. Defina la siguiente función para la propiedad Fill del círculo: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))

    En esta fórmula, el círculo cambia de color dependiendo de qué botón de selección elija.In this formula, the circle changes its color depending on which radio button you choose.

  6. Sitúe el círculo bajo el control Botón de selección, como en este ejemplo:Move the circle under the Radio control, as in this example:

  7. Obtenga una vista previa de lo que ha creado: .Preview what you've created: . Elija un botón de selección diferente para cambiar el color del círculo.Select a different radio button to change the color of the circle. Presione Esc o seleccione X para volver a la pantalla.Press Esc or select the X to go back to your screen.

Adición de una lista desplegableAdd a drop-down list

  1. Añada una pantalla y, a continuación, un control Lista desplegable.Add a screen, and then add a Drop down control.

  2. Cambie el nombre del control a DDChoices y establezca la siguiente fórmula para la propiedad Elementos:Rename the control to DDChoices, and set its Items property to this formula:
    ["red","green","blue"] ["red","green","blue"]
  3. Añada un círculo, sitúelo debajo del control Lista desplegable y defina la siguiente fórmula para la propiedad Fill del círculo: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. Obtenga una vista previa de lo que ha creado: .Preview what you've created: . Seleccione las diferentes opciones para cambiar el color del círculo.Select the different options to change the color of the circle.