Kép beágyazása

Háromféle módon lehet képeket hozzáadni egy alkalmazáshoz:

1. Másolás és beillesztés a számítógép vágólapjáról a Chrome böngészőben
2. Kézi feltöltés az asztalról
3. Kép URL-jének használata

Kép másolása és beillesztése

Képeket másolhat és beilleszthet az alkalmazásokba a Windows rendszeren a CTRL+C és CTRL+V, Mac rendszeren pedig a CMD+C és CMD+V billentyűkombinációk segítségével.

Kép feltöltése

Kép widget

1. Keresse meg az alkalmazásban a lépést.
2. Kattintson az eszköztáron a Beágyazás gombra, majd válassza a legördülő menüből a Kép lehetőséget.

1. A Kontextuspanelen található Widget fülön állítsa be az Adatforrást Statikus értékre.
2. Illessze be a kép URL-jét az alábbi mezőbe, vagy kattintson a Feltöltés gombra, hogy kiválasszon egyet a helyi meghajtóról.

Húzza a képet egy lépésbe

A képeket a helyi meghajtóról is rákattintva és húzással áthelyezheti egy lépésbe.

Kép URL-változó

Létrehozhat egy „image” típusú változót, majd egy adott képet tárolhat alapértelmezett értékként. Vagy frissítheti azt a változót egy új képpel a Trigger Editorban.

1. A Side Pane-ben kattintson az App fülre, majd a Variables mellett található X gombra.

1. Kattintson a + Változó létrehozása gombra.
2. Nevezze el a változót „testimage”-nek, és válassza ki a Kép URL-t típusként.
3. Kattintson az Alapértelmezett érték alatt található Feltöltés ikonra.

Ezt a képet egy Trigger segítségével frissítheti. Használja az „Adatkezelés” --> „Tárolás” menüpontot, hogy új kép URL-t adjon hozzá, vagy feltöltse a képet ehhez a változóhoz.

Kép stílusának beállítása és triggerek hozzáadása

A képek Tulipba való feltöltése után a képernyő jobb oldalán található Kontextuspanelen a következő tulajdonságokat szerkesztheti:

• Kép méretezése
• Forgatás
• Árnyék
• Szegély
• Villogás

Hozzáadhat egy eseményt is a képhez, vagy megjelenítheti annak teljes képernyős változatát, ha rákattintanak. Ehhez válassza ki a képet, majd használja az oldalsávon található „Kattintási műveletek” menüt.

A képek támogatásának műszaki részletei

A Tulip a következő képformátumokat támogatja:

{{snippet.Megtalálta, amit keresett?}}