¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

Exploração de aplicativos de demonstração SAP e reutilização de imagens: Como encontrar e usar recursos visuais?

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

Revisei as aplicações de demonstração construídas pela SAP.

sap.m Explored

<IconTabBar
id="idIconTabBarMulti"
expanded="{device>/isNoPhone}">
<items>
<IconTabFilter
icon="sap-icon://hint" >
<Text text="Aqui vai o conteúdo da informação..." />
</IconTabFilter>
<IconTabFilter
icon="sap-icon://attachment"
count="3">
<Text text="Aqui vão os anexos..." />
</IconTabFilter>
<IconTabFilter
icon="sap-icon://notes"
count="12">
<Text text="Aqui vão as notas..." />
</IconTabFilter>
<IconTabFilter
icon="sap-icon://group" >
<Text text="Aqui vai o conteúdo das pessoas..." />
</IconTabFilter>
</items>
</IconTabBar>

Se eu quiser reutilizar as imagens dessas aplicações de demonstração, como faço?

Onde essas imagens estão localizadas de fato?

Geralmente fornecemos o caminho relativo da localização da imagem dentro de nossa aplicação.

O que significa o uri sap-icon://group ?

Alguém pode explicar como esse uri é construído?

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

3 Respuestas

0
Cargando...

Olá Krishna,

Esta URL define/utiliza um protocolo personalizado "sap-icon" que é tratado internamente. Assim que este protocolo é encontrado, a URL é resolvida como um dos ícones. Fora do UI5, esta URL não tem significado e seria melhor usar o unicode dos caracteres de ícone.

Saudações

Andreas

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

Obrigado.

Mas, o que significa este URI? sap-icon://group . Não entendo a lógica por trás deste URI.

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

Olá,

não são imagens, é uma fonte.

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

SAPUI5 SDK - Demo Kit


Icon utiliza uma fonte incorporada em vez de uma imagem de pixels. Comparado com uma imagem, Icon é facilmente escalável, a cor pode ser alterada ao vivo e vários efeitos podem ser adicionados usando CSS.
Um conjunto de ícones integrados está disponível e pode ser obtido chamando sap.ui.core.IconPool.getIconURI e definindo esse valor na propriedade src do ícone.

Saudações

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?