• Frissítve Jun 23, 2025
  • 4 leolvasott perc(ek)
  • Pete Hartnett
  • Lianna Churchill
 Prev Next

Ebben a cikkben megtudhatja:

  • A Tulip alkalmazásszerkesztő különböző részei
  • Alapvető vizuális elemek, amelyeket hozzáadhat egy alkalmazáshoz (más néven Widgetek)
  • Hogyan adhatunk hozzá alapvető logikát a gombok segítségével
  • Hogyan fejezzen be egy alkalmazást az adatok naplózásához

This topic is featured in the Introduction to app building course in Tulip University.

Ha még csak most ismerkedik a Tulip App Editorral, ez a cikk Önnek szól. Egy munkautasításos alkalmazás példáján keresztül fogjuk végigjárni az App Editor összes fontosabb eszközét.

Az App Editor lehetővé teszi, hogy kódírás nélkül készítsen alkalmazásokat az üzemeltetők számára.

Így néz ki:

Az alkalmazásszerkesztőben olyan Lépések sorozatát hozhatja létre, amelyek egy folyamat digitális vizuális elemeit tartalmazzák.

Bevezető videó

Note

We're constantly improving the applications that come in new instances. If you joined Tulip recently, the apps in your instance might look different than what you see in images in this article. No worries, the ideas are the still same even if the content is a little different.

Az alkalmazásszerkesztő bontása

Az alkalmazásszerkesztő az a hely, ahol felépítheti és szerkesztheti az alkalmazást. Az alábbi ábra az alkalmazásszerkesztőt alkotó különböző részeket mutatja:

App Editor.png

  1. Lépés/lépéscsoport hozzáadása - Új lépés vagy lépéscsoport hozzáadása.
  2. Step/Records Panel - A lépések megtekintése a lépés lapon keresztül, vagy a rekordok lapra váltás a használt táblázatok megtekintéséhez.
  3. Munkaterület - Az alkalmazás felületének létrehozásához szükséges hely.
  4. Asset Widget hozzáadása - Alakzat, ikon vagy logó hozzáadása az alkalmazáshoz.
  5. Gomb widget hozzáadása - Gomb hozzáadása az alkalmazáshoz.
  6. Input Widget hozzáadása - Beviteli mező hozzáadása az alkalmazáshoz
  7. Szöveg widget hozzáadása - Szövegmező hozzáadása az alkalmazáshoz
  8. Widget beágyazása - Különféle widgetek beágyazása, például képek, elemzések, gépi attribútumok stb. beágyazása.
  9. Add Camera Widget - Egy hagyományos kamera vagy vonalkódos kamera pillanatképének hozzáadása
  10. Fordítás - A Tulip Player automatikusan lefordítja az alkalmazást az Ön által kiválasztott nyelvre a Tulip profilján keresztül.
  11. Pillanatkép létrehozása - Mentse el az alkalmazás aktuális verzióját, létrehozva egy másolatot.
  12. Teszt - Tesztelje az alkalmazást fejlesztői módban
  13. Futtatás - Futtassa az alkalmazást a Tulip Playerben.
  14. Publish - Az alkalmazás közzététele
  15. Előre/hátra - Egy elem mozgatása a munkaterületen belül előre vagy más elemek mögé.
  16. Side Pane - Triggerek és stilisztikai komponensek beállítása a Widget Tab, Step Tab és App Tab fülön.

A pásztázó és zoomoló eszköz segítségével:

  • Az alkalmazás szerkesztőfelületének mozgatása
  • Nagyítás vagy kicsinyítés

A bal oldali Lépések listája a lépések listáját mutatja, beleértve az Alap elrendezést is.

Alap elrendezés

Az alapelrendezésen végzett bármilyen formázási vagy elrendezési szerkesztés automatikusan érvényesül az alkalmazás minden egyes lépésére.

Az alapelrendezést az egyes lépéseken úgy módosíthatja, hogy a jobb oldali kontextusablakban "feloldja" az egyes elemeket.

Itt tudhat meg többet az alapelrendezésekről.

Lépések

Egy lépésre kattintva megtekintheti a benne lévő elemeket.

Kattintson a jobb gombbal egy lépésre, hogy megkettőzze, csoportosítsa a lépéseket, vagy törölje azokat.

Itt tudhat meg többet a lépésekről.

Eszköztár

A képernyő tetején található Eszköztár az alkalmazáshoz hozzáadható vizuális elemeket tartalmazza. Ezek olyan elemek, mint az alakzatok, fényképek, szöveg, videók és gombok. Ha új vizuális elemet szeretne hozzáadni az alkalmazáshoz, egyszerűen kattintson rá, és húzza a kívánt helyre.

Az eszköztár jobb oldalán további eszközök találhatók, amelyekkel rétegezheti a Tulip App Editorban lévő objektumokat.

Kontextusablak

A képernyő jobb oldalán található Kontextusablakban kezelheti az alkalmazás összes formázását és logikáját. A Widgetek konfigurálásáról itt olvashat bővebben.

Három lap van rajta:

  • Lépés lap
  • Alkalmazás lap
  • Widget lap

Lépés lap

A Lépés lapon a következőket láthatja:

  • Formázási beállítások az egész lépéshez
  • Lehetővé teszi a lépés célciklusidejének megadását.
  • Lehetővé teszi az alapelrendezésen megadott elrendezés visszaállítását
  • Lehetővé teszi az aktuális lépés törlését
  • Lehetőséget ad olyan logika létrehozására, amely akkor hajtódik végre, amikor ez a lépés megnyílik vagy bezárul - a kiváltókról kicsit később még beszélünk.

Alkalmazás lap

Az Alkalmazás lap:

  • Lehetővé teszi az alkalmazásban lévő lépések kinyomtatását.
  • Lehetővé teszi a ciklusidőzítő beállítását az egész alkalmazáshoz.
  • Megjeleníti az alkalmazáshoz kapcsolódó összes változó listáját.
  • Lehetővé teszi az alkalmazás felbontásának meghatározását a kívánt felületnek megfelelően.
  • Lehetővé teszi megjegyzések hozzáadását, ha több rendszergazda vizsgálja felül a módosításokat
  • Lehetőséget ad olyan logika létrehozására, amely akkor hajtódik végre, amikor ez az alkalmazás elindul, befejeződik vagy törlődik.

Widget fül

Az alkalmazásban egy elemre kattintva az oldalsó ablaktáblában egy másik lapot is megjelenít, Widget Tab néven. Itt állíthatja be az alkalmazás különböző vizuális elemeinek formátumát, valamint az alkalmazással való interakció során tanúsított viselkedését.

Logika hozzáadása egy alkalmazáshoz

A logika határozza meg, hogy mi történik az alkalmazásban, amikor a kezelő interakcióba lép vele. kezdetnek használjunk egy egyszerű gombot egy Triggerrel a lépésről lépésre való navigáláshoz.

  1. Kattintson az eszköztáron a Gombok gomb okra, majd válassza a Gombot.
  2. Húzza a gombot a kívánt helyre.

  1. Adjunk címkét a gombhoz, és állítsuk be a formátum/színezési beállításokat a jobb oldali Kontextusablak segítségével.

  1. Ha logikát szeretne hozzáadni a gombhoz, kattintson az oldalsó ablaktáblában a + gombra a Triggers mellett.

A kiváltók segítségével logikát adhat hozzá alkalmazásaihoz anélkül, hogy kódot kellene használnia. A kiváltó egy when, if, then, else szekvenciát használ.

Az itt felépítendő trigger a következő logikával rendelkezik:

When: A gomb megnyomása

Then: Az aktuális idő elmentésre kerül egy változóba.

Átmenet: Lépés → Következő.

  1. Kattintson a Mentés gombra.

Ezzel a gombbal a felhasználó a következő Lépésre lép. Általában olyan gombot is szeretne hozzáadni, amely lehetővé teszi a felhasználók számára, hogy az előző lépésre is visszalépjenek.

Miután kiépítette az alkalmazás alapvető logikáját, kattintson a jobb felső sarokban a Teszt gombra. Ez elindítja az alkalmazást fejlesztői módban, így tesztelheti az alkalmazást.

Az alkalmazás befejezése és az adatok naplózása

A Complete gomb, így a Tulip naplózni fogja az alkalmazás minden egyes operátorhoz kapcsolódó összes adatát.

Ebben a példában az alkalmazás utolsó lépésénél egy másik gombot fogunk hozzáadni.

  1. Válassza ki az alkalmazás utolsó lépését.
  2. Kattintson a Gombok gombra, majd válassza a Teljes gombot.
  3. Húzza az új gombot a kívánt pozícióba.

További olvasmányok

Használja ezeket a lépésről-lépésre készült útmutatókat, ha teljes alkalmazást szeretne készíteni a fenti fogalmak felhasználásával:

Megtalálta, amit keresett?

A community.tulip.co oldalon is felteheti kérdését, vagy megnézheti, hogy mások is szembesültek-e hasonló kérdéssel!