Ejercicio: crear y ajustar una interfaz de usuario para una nueva aplicación de lienzo

  • 10 minutos

Con suerte, ha estado practicando a medida que avanzamos con nuestra aplicación Máquinas de café de Contoso. Si no, ¡no se preocupe! En este ejercicio, crearemos una aplicación para probar todas las nuevas capacidades que hemos adquirido en este módulo de aprendizaje.

Vaya a la página de inicio de Power Apps y cree una nueva tableta en blanco desde la aplicación de lienzo y luego siga los pasos a continuación:

  1. Inserte un Rectángulo y cambie su tamaño para cubrir la parte superior de la pantalla con una Altura de 80.

  2. Inserte una Imagen y cambie su tamaño para que quepa en el rectángulo en la parte superior izquierda de su pantalla.

  3. Cambiar la propiedad Image a:

    User().Image

  4. Inserte una Etiqueta de texto y colóquela a la derecha de la imagen en el encabezado.

  5. Cambie la propiedad Text a:

    "Welcome, " & User().FullName

  6. Cambie el tamaño de la Etiqueta de texto para que se ajuste al texto sin varias líneas.

  7. Inserte un control de Entrada de texto en su aplicación. Colóquelo en algún lugar debajo del rectángulo del encabezado.

  8. Inserte un icono de Reiniciar en la aplicación. Colóquelo a la derecha del control de Entrada de texto.

  9. Cambie la propiedad OnSelect del icono de Reiniciar a:

    Reset(TextInput1)

    Nota

    La función Reset cambia la entrada de texto a lo que se haya introducido como valor predeterminado, en este caso "Entrada de texto".

  10. Aplique un tema a su aplicación; para ello, seleccione Aplicación o Screen1 de la Vista de árbol y luego elija una opción del menú desplegable Tema en la barra de comandos. Su aplicación ahora debería parecerse a la siguiente aplicación (elegimos Azul oscuro como tema).

    Captura de pantalla del tema de la aplicación

  11. Ahora, ponga la aplicación en modo de versión preliminar. Escriba algo de texto en el control de Entrada de texto y luego seleccione el icono Reiniciar. Su texto debería haber vuelto a "Entrada de texto".

  12. A continuación, intente ver su aplicación como lo haría alguien en un Samsung Galaxy Tab A7.

  13. Después, intente ver la aplicación como si fuera en un iPhone 14 e intente cambiar la orientación.

Enhorabuena por adquirir nuevas capacidades.