Adición y configuración de un control en PowerAppsAdd and configure a control in PowerApps

07/10/2017

Tiempo de lectura: 16 minutos

Colaboradores

En este artículo

Añada diversos elementos de interfaz de usuario a su aplicación y configure aspectos de su apariencia y comportamiento directamente, desde la barra de herramientas, en la pestaña Propiedades o en la barra de fórmulas.Add a variety of UI elements to your app, and configure aspects of their appearance and behavior directly, from the toolbar, in the Properties tab, or in the formula bar.Estos elementos de interfaz de usuario se denominan controles y los aspectos que configura se denominan propiedades.These UI elements are called controls, and the aspects that you configure are called properties.

Requisitos previosPrerequisites

Suscríbase a PowerApps, instálelo, ábralo e inicie sesión con las mismas credenciales que usó para suscribirse.Sign up for PowerApps, install it, open it, and then sign in by providing the same credentials that you used to sign up.

Adición de un controlAdd a control

Puede agregar cualquier control en diversas categorías, para lo que debe hacer clic o pulsar en la pestaña Insertar de la barra de herramientas, a continuación, en una categoría y, finalmente, en el control que desea.You can add any control in a variety of categories by clicking or tapping the Insert tab of the toolbar, clicking or tapping a category, and then clicking or tapping the control that you want.En esta sección, revise los controles de cada categoría para familiarizarse con los tipos de controles que se pueden añadir y dónde puede encontrarse cada tipo.In this section, review the controls in each category to get familiar with the types of controls that you can add and where you might find each type.

En la pestaña Insertar, pulse o haga clic en cualquiera de estas categorías y luego pulse o haga clic en el control que desea agregar:On the Insert tab, click or tap any of these categories, and then click or tap the control that you want to add:

Configuración directa de un controlConfigure a control directly

En este procedimiento, agregará y configurará un control Etiqueta, pero puede aplicar muchos de los mismos principios a otros controles.In this procedure, you'll add and configure a Label control, but you can apply many of the same principles to other controls.

Al añadir un control, se selecciona de forma predeterminada.When you add a control, it's selected by default.También puede seleccionar un control existente haciendo clic en él o pulsándolo.You can also select an existing control by clicking or tapping it.Cuando se selecciona un control, aparece un cuadro de selección alrededor de él y otras áreas de la interfaz de usuario cambian para que pueda configurar el control seleccionado.When a control is selected, a selection box surrounds it, and other areas of the UI change so that you can configure the selected control.Por ejemplo, un control Etiqueta seleccionado se parece a este gráfico.For example, a selected Label control resembles this graphic.

Importante

Si ya hay un control seleccionado, al seleccionar otro o un área en blanco de la pantalla, el primer elemento dejará de estar seleccionado.If a control is selected when you select another control or a blank area of the screen, the first element is no longer selected.

Configuración de un control desde la barra de herramientasConfigure a control from the toolbar

Al configurar un control desde la barra de herramientas, puede especificar una mayor variedad de opciones que si lo hace directamente.By configuring a control from the toolbar, you can specify a wider variety of options than you can by configuring a control directly.

Con el control Etiqueta seleccionado, pulse o haga clic en la pestaña Inicio de la barra de herramientas.With the Label control selected, click or tap the Home tab of the toolbar.

Configuración de un control mediante la pestaña PropiedadesConfigure a control from the Properties tab

Mediante la pestaña Propiedades, puede configurar un control sin necesidad de escribir una fórmula.By using the Properties tab, you can configure a control without writing a formula.En este procedimiento, agregará y configurará un control Etiqueta, pero puede aplicar muchos de los mismos principios a otros controles.In this procedure, you'll add and configure another Label control, but you can apply many of the same principles to other controls.

Agregue otro control Etiqueta como ya se describió anteriormente en este tema.Add another Label control as described earlier in this topic.

Para eliminar el segundo control Etiqueta, pulse o haga clic en él y presione Suprimir.Delete the second Label control by clicking or tapping it and then pressing Delete.

Configuración de un control en la barra de fórmulasConfigure a control in the formula bar

Mediante el uso de la barra de fórmulas, puede establecer propiedades que no se pueden definir directamente en la pestaña Propiedades ni con la barra de herramientas.By using the formula bar, you can set properties that you can't set directly, in the Properties tab, or from the toolbar.Por ejemplo, puede definir que aparezca información sobre herramientas cuando un usuario señale el control, pero no haga clic en él ni lo pulse.For example, you can set a tooltip that appears when a user points to the control but doesn't click or tap it.También puede especificar fórmulas complejas que aumentan la capacidad de la aplicación.You can also specify complicated formulas that increase the power of your app.

Cada cambio que ha realizado anteriormente en este tema actualiza el valor de una propiedad para el control que ha configurado.Each change that you made earlier in this topic updated the value of a property for the control that you configured.

En lugar de configurar un control directamente en la pestaña Propiedades o desde la barra de herramientas, también puede actualizar el valor de una propiedad seleccionándola en la lista de propiedades y, a continuación, especificando un valor en la barra de fórmulas.Instead of configuring a control directly, in the Properties tab, or from the toolbar, you can also update the value of a property by selecting it in the property list and then specifying a value in the formula bar.Con este enfoque, puede buscar una propiedad por orden alfabético y especificar otros tipos de valores.By taking this approach, you can search for a property alphabetically, and you can specify more types of values.

Al incluir una cadena de texto entre comillas, especifica que debe tratarse exactamente tal como la escribió.When you surround a string of text with quotation marks, you specify that it should be treated exactly as you typed it.Como alternativa, puede definir una fórmula para el valor de una propiedad.As an alternative, you can set the value of a property to a formula.

Mueva el control Casilla de forma que aparezca debajo del control Etiqueta y establezca la propiedad Texto del control Casilla para que aparezca Mostrar texto.Move the Check box control so that it appears below the Label control, and set the Text property of the Check box control so that Show text appears.

Esta función If indica que la etiqueta debe aparecer solo cuando se activa la casilla.This If function states that the label should appear only when the check box is selected.Al estar desactivada la casilla, el control Etiqueta desaparece (excepto el cuadro de selección).Because the check box is cleared, the Label control disappears (except for the selection box).

Pulse o haga clic en el control Casilla para agregar el cuadro de selección y, a continuación, haga clic en él o púlselo de nuevo para agregar una marca de verificación.Click or tap the Check box control to add the selection box to it, and then click or tap it again to add a check mark.

El control Etiqueta vuelve a aparecer:The Label reappears:

Desactive el control Casilla para ocultar el control Etiqueta.Clear the Check box control to hide the Label control.

Este ejemplo es básico, pero puede configurar el comportamiento y la apariencia de la aplicación mediante la creación de una o varias fórmulas que vayan aumentando su nivel de complejidad.This example is basic, but you can configure the behavior and appearance of your app by building one or more formulas from simple to complex.

Cambio de nombre de una pantalla o un controlRename a screen or a control

Pulse o haga clic en la pantalla o el control cuyo nombre desea cambiar.Click or tap the screen or the control that you want to rename.

En el panel derecho, haga clic o pulse en el nombre del control (justo encima de la pestaña Propiedades) y, a continuación, escriba el nombre que desee.In the right-hand pane, click or tap the name of the control (just above the Properties tab), and then type the name that you want.

Buscar y seleccionar una pantalla o un controlFind and select a screen or a control

Puede buscar y seleccionar una pantalla o un control, incluso si está oculto o se solapa con otro; solo tiene que buscarlo en el panel izquierdo.You can find and select a screen or a control, even if it's hidden or overlaps with another control, by searching for it in the left-hand pane.Este panel muestra una miniatura de cada pantalla de la aplicación o una vista jerárquica de cada pantalla y de los controles que contiene.This pane shows either a thumbnail of each screen in the app or a hierarchical view of each screen and the controls that it contains.