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 o en la barra de fórmulas. Estos elementos de interfaz de usuario se denominan controles y los aspectos que configura se denominan propiedades.
Requisitos previos
Suscríbase a PowerApps, instálelo, ábralo e inicie sesión con las mismas credenciales que usó para suscribirse.
En PowerApps Studio, pulse o haga clic en Nuevo en el menú Archivo (cerca del borde izquierdo).
En el icono Aplicación vacía, pulse o haga clic en Diseño de teléfono.
Si se le pide que realice un paseo introductorio, haga clic o pulse en Siguiente para familiarizarse con las áreas principales de la interfaz de PowerApps (o haga clic o pulse en Omitir).
Siempre puede realizar el paseo más tarde haciendo clic o pulsando en el icono del signo de interrogación situado cerca de la esquina superior derecha de la pantalla y, a continuación, haciendo clic o pulsando en Take the intro tour (Realizar paseo introductorio).
Adición de un 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. 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.
Texto
Sugerencia: Escriba o dibuje mediante la entrada manuscrita.
Controles
Sugerencia: Ofrezca opciones en la aplicación mediante la adición de un cuadro de lista, una lista desplegable o botones de selección.
Galería
Sugerencia: Muestre una lista de registros de una tabla mediante una galería.
Formularios
Sugerencia: Muestre o edite un registro mediante un formulario.
Multimedia
Sugerencia: Añada contenido multimedia a la aplicación para mostrar datos distintos a texto.
Gráficos
Sugerencia: Configure un gráfico para mostrar datos de gran importancia.
Iconos
Esta categoría contiene una serie de formas, iconos de acción e iconos de símbolos. Desplácese para revisar todas las opciones.
Si necesita más espacio para los controles, añada una pantalla.
Configuración directa de un control
En este procedimiento, agregará y configurará un control Etiqueta, pero puede aplicar muchos de los mismos principios a otros controles.
En la barra de herramientas, pulse o haga clic en la pestaña Insertar y en Etiqueta.
Al añadir un control, se selecciona de forma predeterminada. También puede seleccionar un control existente haciendo clic en él o pulsándolo. 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. Por ejemplo, un control Etiqueta seleccionado se parece a este gráfico.
Importante: si ya hay un control seleccionado, al seleccionar otro control o un área en blanco de la pantalla, el primer elemento dejará de estar seleccionado.
Reduzca la anchura del control Etiqueta arrastrando un controlador del borde derecho del cuadro de selección hacia la izquierda. El controlador central solo aparece al acercar la imagen.
También es posible cambiar el tamaño de un control si modifica sus propiedades Altura, Ancho o ambas, como se describe más adelante en este tema.
Mueva el control Etiqueta arrastrando el propio cuadro de selección (o modificando las propiedades X, Y o ambas, como se describe más adelante en este tema).
Haga clic tres veces en el texto que aparece en el control Etiqueta y escriba Hola, mundo.
También puede definir la propiedad Texto de este control para modificar este texto, como se describe más adelante en este tema.
Para eliminar el control Etiqueta, pulse o haga clic en él y presione Suprimir.
Para restaurar el control Etiqueta, presione Ctrl-Z (o repita los cuatro primeros pasos de este procedimiento).
Configuración de un control desde la barra de herramientas
Al configurar un control desde la barra de herramientas, puede especificar una mayor variedad de opciones que si lo hace directamente.
Con el control Etiqueta seleccionado, pulse o haga clic en la pestaña Inicio de la barra de herramientas.
Pulse o haga clic en Rellenar y, a continuación, pulse o haga clic en un color como aguamarina.
El control Etiqueta reflejará la selección.
Cambie la familia de fuentes y el tamaño del texto (por ejemplo, a 18 ptos. Georgia).
El control Etiqueta reflejará la selección.
Pulse o haga clic en la pestaña Etiqueta, en Alineación vertical y, después, en Superior.
El control Etiqueta reflejará la selección.
Configuración de un control en la barra de fórmulas
Mediante el uso de la barra de fórmulas, puede establecer propiedades que no se pueden definir directamente ni con la barra de herramientas. 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. También puede especificar fórmulas complejas que aumentan la capacidad de la aplicación.
Cada cambio que ha realizado anteriormente en este tema actualiza el valor de una propiedad para el control que ha configurado.
- Al cambiar el tamaño del control, ha cambiado su propiedad Width.
- Al mover el control, ha cambiado sus propiedades X e Y.
- Al cambiar el texto que muestra el control, ha cambiado su propiedad Texto.
En lugar de configurar un control directamente 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. Con este enfoque, puede buscar una propiedad por orden alfabético y especificar otros tipos de valores.
Con el control Etiqueta seleccionado, pulse o haga clic en Texto en la lista de propiedades y escriba "Nombre de mi empresa" (comillas inglesas incluidas) en la barra de fórmulas.
Al incluir una cadena de texto entre comillas, especifica que debe tratarse exactamente tal como la escribió. Como alternativa, puede definir una fórmula para el valor de una propiedad.
Con el control Etiqueta seleccionado, pulse o haga clic en Texto en la lista de propiedades y escriba Today() (sin comillas) en la barra de fórmulas.
El control mostrará la fecha actual.
Sugerencia: puede cambiar el formato de fechas y horas de varias maneras, además de realizar cálculos en ellas.
Configuración de dos controles para interactuar entre sí
En este procedimiento, agregará una casilla y, a continuación, configurará la etiqueta que ya tiene para que aparezca solo cuando se activa la casilla.
Pulse o haga clic en la pestaña Insertar.
Pulse o haga clic en Controles y, a continuación, pulse o haga clic en Casilla.
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.
Con el control Casilla aún seleccionado, pulse o haga clic en la pestaña Inicio de la barra de herramientas.
Pulse o haga clic en el nombre actual del control Casilla (a la derecha de Nueva pantalla) y, a continuación, escriba MiCasilla.
Pulse o haga clic en el control Etiqueta para seleccionarlo, a continuación, en la pestaña Etiqueta y, finalmente, en la opción Visible.
En la barra de fórmulas, elimine true y, a continuación, escriba o pegue esta fórmula:
If(MiCasilla!Value = true, true, false)
Esta función If indica que la etiqueta debe aparecer solo cuando se activa la casilla. Al estar desactivada la casilla, el control Etiqueta desaparece (excepto el cuadro de selección).
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.
El control Etiqueta vuelve a aparecer:
Desactive el control Casilla para ocultar el control Etiqueta.
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.
Cambio de nombre de una pantalla o un control
Al cambiar el nombre de una pantalla o un control, puede crear fórmulas que son más fáciles de leer y recordar.
Pulse o haga clic en la pantalla o el control cuyo nombre desea cambiar.
En la pestaña Inicio, pulse o haga clic en el nombre del control (a la derecha de Nueva pantalla) y, a continuación, escriba el nombre que desee.
