Agregar y configurar controles en aplicaciones de lienzo

Agregue diversos elementos de interfaz de usuario a su aplicación de lienzo 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. Estos elementos de interfaz de usuario se denominan controles y los aspectos que configura se denominan propiedades.

Requisitos previos

  1. Si aún no tiene una licencia de Power Apps, regístrese e inicie sesión.

  2. Cree una aplicación de lienzo en blanco.

    Siempre puede realizar el paseo más tarde seleccionando el icono del signo de interrogación situado cerca de la esquina superior derecha de la pantalla y, a continuación, seleccionando Realizar paseo introductorio.

Agregue y seleccione un control

En la pestaña Insertar, realice cualquiera de estos pasos:

  • Seleccione Etiqueta o Botón para agregar uno de esos tipos de controles.
  • Seleccione una categoría de controles y luego seleccione el tipo de control que desea agregar.

Por ejemplo, seleccione Nueva pantalla y luego seleccione Blanco para agregar una pantalla en blanco a su aplicación. (Las pantallas son un tipo de control que puede contener otros tipos de controles).

Agregar pantalla.

La nueva pantalla se llama Screen2 y aparece en el panel de navegación izquierdo. Este panel muestra una lista jerárquica de controles en su aplicación para que pueda encontrar y seleccionar fácilmente cada control.

Screen2 en la lista.

Para demostrar cómo funciona esta lista, seleccione Etiqueta en la pestaña Insertar. El nuevo control aparece bajo Screen2 en la lista jerárquica.

Insertar etiqueta.

En la pantalla, una caja con seis asas rodea la etiqueta de forma predeterminada. Ese tipo de cuadro rodea cualquier control seleccionado. Si selecciona la pantalla haciendo clic o tocando en ella (pero fuera de la etiqueta), el cuadro desaparece de la etiqueta. Para volver a seleccionar la etiqueta, puede hacer clic o tocar en ella, o puede hacer clic o tocar su nombre en la lista jerárquica de controles.

Importante

Siempre debe seleccionar un control antes de poder configurarlo.

Renombrar un control

En la lista jerárquica de controles, desplace el cursor sobre el control cuyo nombre desea cambiar, seleccione el botón de puntos suspensivos que aparece y luego seleccione Cambiar nombre. Luego puede escribir un nombre único y memorable para facilitar la creación de su aplicación.

Cambiar el nombre del control.

Eliminar un control

En la lista jerárquica de controles, desplace el cursor sobre el control que desea eliminar, seleccione el botón de puntos suspensivos que aparece y luego seleccione Eliminar. Para eliminar un control que no es una pantalla, también puede seleccionar el control en el lienzo y luego presionar la tecla Suprimir.

Eliminar control.

Reordenar pantallas

En la lista jerárquica de controles, desplace el cursor sobre la pantalla que mover hacia arriba o hacia abajo, seleccione el botón de puntos suspensivos que aparece y seleccione Subir o Bajar.

Reordenar pantalla.

Nota

Cuando se abre la aplicación, la pantalla en la parte superior de la lista jerárquica de controles generalmente aparece primero. Pero puede especificar una pantalla diferente configurando la propiedad OnStart de una fórmula que incluye el función Navigate.

Mover y cambiar tamaño de un control

Para mover un control, selecciónelo, desplace el cursor por su centro para que aparezca la flecha de cuatro puntas y luego arrastre el control a una ubicación diferente.

Mover control.

Para cambiar el tamaño de un control, selecciónelo, desplace el cursor sobre cualquier controlador del cuadro de selección para que aparezca la flecha de dos puntas y luego arrastre el controlador.

Arrastrar control.

Nota

Como se describe más adelante en este tema, también puede mover y cambiar el tamaño de un control modificando cualquier combinación de sus propiedades X, Y, Height y Width en la barra de fórmulas.

Cambiar el texto de una etiqueta o un botón

Seleccione una etiqueta o botón, haga doble clic en el texto que aparece en el control y luego escriba el texto que desee.

Cambiar texto.

Nota

Como se describe más adelante en este tema, también puede cambiar este texto modificando su propiedad Text en la barra de fórmulas.

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.

Por ejemplo, puede seleccionar una etiqueta, seleccionar la pestaña Inicio y luego cambiar la fuente del texto en la etiqueta.

Cambiar fuente.

Configuración de un control mediante la pestaña Propiedades

Con la pestaña Propiedades, puede especificar una mayor variedad de opciones que si configura un control desde la barra de herramientas.

Por ejemplo, puede seleccionar un control y luego mostrarlo u ocultarlo cambiando su propiedad Visible.

Establecer visibilidad.

Configuración de un control en la barra de fórmulas

En lugar de configurar un control desde la barra de herramientas o en la pestaña Propiedades, puede configurar un control seleccionando una propiedad 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.

Por ejemplo, puede seleccionar una etiqueta y luego configurarla de estas maneras:

  • Muévala seleccionando X o Y en la lista de propiedades y luego especificando un número diferente en la barra de fórmulas.

    Establecer la propiedad X.

  • Cambie el tamaño seleccionando Height o Width en la lista de propiedades y luego especificando un número diferente en la barra de fórmulas.

    Establecer la propiedad Height.

  • Cambie su texto seleccionando Text en la lista de propiedades y luego especificando cualquier combinación de una cadena literal, una expresión o una fórmula en la barra de fórmulas.

    • Una cadena literal lleva comillas y aparece exactamente como la escribe. "Hola mundo" es una cadena literal.

      Establecer la propiedad Text en una cadena literal.

    • Una expresión no incluye una función y a menudo se basa en una propiedad de otro control. Screen1.Height es una expresión que muestra la altura de Screen1.

      Establecer la propiedad Text de una expresión.

    • Una fórmula de venta incluye una o varias funciones. La función Now devuelve la fecha y hora actuales en su zona horaria local y la función Text formatea valores como fechas, horas y moneda.

      Establecer la propiedad Text en una fórmula.

      Las fórmulas suelen ser mucho más complejas que este ejemplo para que puedan actualizar datos, ordenarlos, filtrarlos y realizar otras operaciones. Para obtener más información, consulte la Referencia de fórmula.

Pasos siguientes

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).