Ejercicio: Crear una interfaz de usuario para una nueva aplicación de lienzo

Completado

En esta unidad, generará una nueva aplicación de lienzo que podrá personalizar con varios elementos de la interfaz de usuario que hemos abordado en las unidades anteriores. Debería darle información suficiente sobre las capacidades del diseño de la interfaz de usuario en Power Apps.

Nota

Power Apps requiere una licencia de Office 365 o una prueba gratuita. Obtenga más información sobre las opciones de licencia. Los productos de Microsoft incluyen Microsoft Power Apps y Power Automate.

Crear un nuevo encabezado de aplicación en blanco

  1. Iniciar sesión en Power Apps.

  2. En la pantalla Inicio, seleccione Aplicación de lienzo desde cero.

    Captura de pantalla de la característica Aplicación de lienzo desde cero.

  3. Ponga a su aplicación el nombre Nueva aplicación de IU y haga clic en Crear.

    Captura de pantalla de la nueva aplicación denominada Nueva aplicación de IU con el botón Crear.

  4. En la nueva aplicación, seleccione la pestaña Insertar y el desplegable Iconos. Desplácese hasta la parte inferior de las opciones del desplegable y seleccione Rectángulo.

  5. Mueva y cambie el tamaño del rectángulo para cubrir la parte superior de la pantalla de su aplicación.

    Captura de pantalla del rectángulo en la parte superior de la pantalla de la aplicación.

  6. A continuación, seleccione el desplegable Medios en la parte superior y seleccione Imagen.

  7. Mueva la imagen a la esquina superior derecha de la pantalla de su aplicación.

  8. Cambiar la propiedad Image a:

    User().Image
    

    Captura de pantalla de la propiedad de la imagen del usuario en la esquina superior derecha.

  9. Inserte una Etiqueta y cambie la propiedad Text a:

    User().FullName
    
  10. Mueva la etiqueta junto a la imagen y cambie el tamaño según sea necesario.

    Captura de pantalla de la propiedad de etiqueta de nombre y apellido.

  11. Inserte un Botón y muévalo al centro de la pantalla.

  12. Seleccione la pestaña Inicio en la parte superior izquierda y haga clic en el desplegable Tema. Seleccione Bosque.

    Captura de pantalla del menú desplegable Tema con Bosque seleccionado.

Observe cómo cambia la combinación de colores de toda la aplicación según el nuevo tema; incluidos los colores del botón, la etiqueta y la fuente. Así de fácil puede hacer que su Power Apps tenga un aspecto único y divertido y, a la vez, mejorar su utilidad y apariencia.