Iconos

Completado

La mayoría de las aplicaciones incluyen iconos que se entienden fácilmente, como el icono del disquete para "Guardar" o la flecha hacia atrás para "Atrás". Las ventajas de usar un icono frente una etiqueta o un botón es que el icono no requiere texto y generalmente puede caber en lugares donde el texto simplemente no.

Power Apps incluye el control Icono y proporciona muchos iconos listos para usar que puede usar en toda la aplicación. Dado que los iconos son controles, todos tienen propiedades personalizables que incluyen OnSelect y Color. Puede insertar un icono en su aplicación si selecciona el botón Insertar de la barra de comandos. Si expande el campo Iconos, puede desplazarse por la lista completa de iconos disponibles.

Captura de pantalla de la lista de iconos

Agregar un icono

Si ha estado desarrollando la aplicación Máquinas de café de Contoso, entonces ya ha visto un poco el control Icono (cambiamos una flecha hacia la derecha por un lápiz de edición). Si desea continuar, usaremos nuestra aplicación Máquinas de café de Contoso para agregar un par de iconos. Si no tiene esta aplicación, puede abrir cualquier aplicación y continuar.

  1. Abra la aplicación Máquinas de café de Contoso y seleccione la "Catalog Screen".

  2. Inserte un icono de "flecha hacia atrás" si selecciona Insertar desde la barra de comandos. Puede encontrarlo si expande la opción Iconos o si introduce "back" en el campo de búsqueda Insertar.

    Nota

    Cuando inserta el nuevo icono, utiliza los colores del Tema seleccionado.

  3. Cambie la posición del nuevo icono de Flecha atrás en la esquina superior izquierda del rectángulo del encabezado.

  4. Cambie el color de la Flecha atrás a blanco al seleccionar el Color de la barra de comandos y elegir el círculo blanco debajo Colores estándar en la esquina inferior izquierda del cuadro de opciones.

  5. A continuación, actualice la propiedad OnSelect a: Back().

  6. Después, con su icono Flecha atrás como plantilla, cópielo y luego péguelo en su "Admin Screen". De esta manera, puede evitar ajustar las propiedades Color y OnSelect.

Cambiar un icono

Quizás recuerde que podemos cambiar el tipo de icono al cambiar la propiedad Icon del control Icono. Lo haremos a continuación, mientras creamos un icono en la pantalla principal.

  1. Copie y pegue otro icono Flecha atrás en su "Admin Screen".

  2. Colóquelo en la esquina superior derecha del rectángulo de su encabezado.

  3. Observe que tiene un botón de propiedad de icono en la barra de comandos, seleccione ese botón y busque/seleccione el icono Inicio (puede escribir "inicio" en el campo de búsqueda para ayudar). Observe que la Flecha atrás cambia inmediatamente al icono Inicio. Puede hacer esto con cualquier icono de Power Apps.

  4. Por último, modifiquemos la propiedad OnSelect para que vuelva a la "Home Screen" con:

    Navigate('Home Screen')

Aunque nuestra aplicación solo tiene tres pantallas, puede ver la utilidad de un icono Inicio como control seleccionable en una aplicación con múltiples pantallas, donde una Flecha atrás que se puede seleccionar no necesariamente nos devolvería a la pantalla principal de la aplicación.

Los iconos son un control fácil que puede usar para mejorar la interfaz de usuario de su aplicación. Obtendrá más información sobre el control Imagen en la siguiente unidad.