MENU
    Bevezetés a Tulip App Editorhoz
    • 23 Jan 2025
    • 4 Elolvasandó percek
    • Közreműködők

    Bevezetés a Tulip App Editorhoz


    Cikk összefoglaló

    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
    Note:

    This topic is featured in the "Introduction to App Building" course in Tulip University.

    Ha még mindig ismerkedik a Tulip App Editorral, ez a cikk az Ön számára készült. Egy vizuális munkautasításos 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.

    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 akkor hajtódik végre, amikor ez az alkalmazás elindul, befejeződik vagy törlődik.

    Az alkalmazásban egy elemre kattintva az oldalsó ablaktáblában egy másik lapot jelenít meg Widget Tab néven. Itt lehet beállítani 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 már áttekintettük, hogyan adhatunk hozzá új lépéseket, meg kell adnunk a kezelőknek 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 az oldalsó ablaktáblában a Triggers (Kiváltók) melletti "+" jelre.

    A kivá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. Ez a Trigger Editor, amely a "+" jelre kattintva nyílik meg.

    Az Action vagy Transition egy olyan változás, amely az alkalmazásban történik, amikor a Trigger elsül.

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

    Ez a trigger egyszerű:

    When: Gomb megnyomása

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

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

    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éshez is navigáljanak.

    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 olvasnivalók

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


    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!


    Hasznos volt ez a cikk?