¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

Exploración de aplicaciones de demostración SAP y reutilización de imágenes: ¿Cómo encontrar y utilizar los recursos visuales?

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 5 Vistas
0
Cargando...

Revisé las aplicaciones de demostración construidas por SAP.

sap.m Explored

<IconTabBar
id="idIconTabBarMulti"
expanded="{device>/isNoPhone}">
<items>
<IconTabFilter
icon="sap-icon://hint" >
<Text text="Aquí va el contenido de la información..." />
</IconTabFilter>
<IconTabFilter
icon="sap-icon://attachment"
count="3">
<Text text="Aquí van los adjuntos..." />
</IconTabFilter>
<IconTabFilter
icon="sap-icon://notes"
count="12">
<Text text="Aquí van las notas..." />
</IconTabFilter>
<IconTabFilter
icon="sap-icon://group" >
<Text text="Aquí va el contenido de las personas..." />
</IconTabFilter>
</items>
</IconTabBar>

Si quiero reutilizar las imágenes de estas aplicaciones de demostración, ¿cómo lo hago?

¿Dónde se encuentran realmente estas imágenes?

Generalmente damos la ruta relativa de la ubicación de la imagen dentro de nuestra aplicación.

¿Qué significa el uri sap-icon://group ?

¿Alguien puede explicar cómo se construye este uri?

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

3 Respuestas

0
Cargando...

Hola Krishna,

Esta URL define/utiliza un protocolo personalizado "sap-icon" que es manejado internamente. Tan pronto como este protocolo es encontrado, la URL se resuelve como uno de los iconos. Fuera de UI5, esta URL no tiene significado y sería mejor usar el unicode de los caracteres de icono.

Saludos

Andreas

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Gracias.

Pero, ¿qué significa este URI? sap-icon://group . No entiendo la lógica detrás de este URI.

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Hola,

no son imágenes, es una fuente.

https://sapui5.netweaver.ondemand.com/sdk/resources/sap/ui/core/themes/base/fonts/SAP-icons.ttf

SAPUI5 SDK - Demo Kit


Icon utiliza una fuente incrustada en lugar de una imagen de píxeles. Comparado con una imagen, Icon es fácilmente escalable, el color puede ser alterado en vivo y se pueden agregar varios efectos usando CSS.
Un conjunto de Iconos integrados está disponible y se pueden obtener llamando a sap.ui.core.IconPool.getIconURI y estableciendo este valor en la propiedad src del Icono.

Saludos

Konstantin

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?