Bevezetés a Tulip App Editorhoz

Cél

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 egészítse ki az alkalmazást az adatok naplózására

:::(Info) (Megjegyzés:) Ez a téma a Tulip University"Bevezetés az alkalmazásépítésbe" című kurzusában szerepel :::

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

Mielőtt belekezdenénk, itt egy gyors emlékeztető: 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ő lehetővé teszi, hogy létrehozzon egy sor lépést vagy képernyőt, amelyeket az operátorok használhatnak egy alkalmazáson belül. A lépések lépéscsoportokba is szervezhetők a jobb használhatóság érdekében.

:::(Warning) (MEGJEGYZÉS:) Folyamatosan fejlesztjük az új példányokban érkező alkalmazásokat. Ha nemrég csatlakozott a Tuliphoz, a példányában lévő alkalmazások eltérhetnek attól, amit a cikk képein lát. Ne aggódjon! Az ötletek ugyanazok, még ha a tartalom kicsit más is :::

A Tulip alkalmazásszerkesztő gyors áttekintése

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

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 belül az egyes elemek "feloldásával" módosíthatja a jobb oldali kontextusablakban.

A "jobb egérgombbal kattintva" duplikálhatja, csoportosíthatja a lépéseket vagy törölheti azokat.

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

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.

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:

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

A Lépés lapon 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.

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 minden alkalommal végrehajtásra kerül, amikor ez az alkalmazás elindul, befejeződik vagy törlődik.

Az alkalmazásban egy elemre kattintva a kontextusablakban megjelenik egy másik fül, a Widget Tab. 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.

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

Lépések hozzáadása az alkalmazáshoz

Ha új lépést szeretne létrehozni egy Tulip alkalmazásban, kattintson az alkalmazásszerkesztő bal oldalán található Lépés hozzáadása lehetőségre. Az új lépés kialakítása az alapelrendezést fogja tükrözni.

Pro-tipp: egy meglévő lépést is megduplázhat, ha újra szeretné használni a designt vagy a logikát az új lépésben, kattintson a fogaskerék ikonra, és válassza a "Lépés duplikálása" lehetőséget.

Logika hozzáadása az alkalmazáshoz

Most, hogy lefedtük az új lépések hozzáadásának módját, meg kell adnunk az operátoroknak a lépésről lépésre való átmenetet. Ezt a logikát a Tulipban a Triggerek segítségével hozhatjuk létre. Kezdetnek használjunk egy egyszerű gombot a lépésről lépésre való navigáláshoz.

Egyéni gombot az alkalmazásszerkesztő tetején található eszköztárból a "Button" (gomb) menüpont kiválasztásával adhatunk hozzá. Húzza a gombot a kívánt helyre.

Adjon hozzá egy címkét a gombhoz, és állítsa be a formátum/színezési beállításokat a jobb oldali kontextusablak segítségével.

Ha logikát szeretne hozzáadni a gombhoz, kattintson a "+" jelre a kontextusablakban a Triggers mellett.

Akiváltók lehetővé teszik, hogy logikát adjon hozzá alkalmazásaihoz anélkül, hogy bármilyen kódot kellene használnia egy egyszerű when, if, then, else szekvencia segítségével. A "+" jelre kattintás után megnyílik a Trigger Editor.

A Művelet vagy az Átmenet egy olyan változás, amely az alkalmazásban történik, amikor a Kiváltó elsül.

Számos művelet és átmenet létezik, amelyeket a gomb megnyomásakor végezhet.

Ez a kiváltó egyszerű:

Amikor: Gomb megnyomása

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

Aztán: Tovább a lépéshez → Következő.

Ezzel a gombbal a következő Lépésre léphet. Á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, az alkalmazásszerkesztő jobb felső sarkában kattintson a Futtatás vagy tesztelés lehetőségre. Ez elindítja az alkalmazást a TTulip Playerben, és lehetővé teszi, hogy valós időben tesztelje az alkalmazást a számítógépén.

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

Hozzá kell adnia egy Befejezés gombot, hogy a Tulip naplózza az összes adatot az alkalmazás üzemeltető általi használatából.

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

Kattintson az Eszköztár "Gombok" lehetőségére, és válassza a Befejezés gombot. Húzza rá az alkalmazás utolsó lépésére.

Gratulálunk! Ennyit kell tudnia egy egyszerű munkautasítás alkalmazás elkészítéséhez.

További olvasmányok

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

• Tulipán alkalmazás létrehozása
• Teljes hibabejelentő alkalmazás létrehozása
• Munkautasítás-adatokat rögzítő alkalmazás készítése

Megtalálta, amit keresett?

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