Hogyan állítsuk be a Widget színét egy kiváltóról?

Íme, hogyan használhatod a színváltozókat a különböző widgetek színének dinamikus megváltoztatására.

Ebben a cikkben megtanulja:

• Hogyan használjuk a "Szín" változókat"
• Hogyan adjunk egy adott színt egy táblázat egy mezőjéhez

Cél

A Tulip lehetővé teszi a gombok, mérőórák és sok más widget színének dinamikus megváltoztatását.

Hogyan

Ehhez először egy Színt kell tárolnia egy táblázat egy Változójában vagy mezőjében.

Az alábbiakban bemutatjuk, hogyan hozhat létre egy új Szín változót a Kontextusablak Változók párbeszédpanelén keresztül:

Íme egy példa arra, hogyan lehet létrehozni egy "Szín" mezőt egy táblázatban:

Ezután a színváltozó létrehozása után szinte minden színválasztóban manuálisan kiválaszthatja azt a színválasztó "Változók" fülére kattintva:

Ez a változóban tárolt színt alkalmazza a Widgetre.

Ez az útmutató néhány gyakori példát mutat be a színváltozók és színmezők alkalmazásban való használatára.

Egy gomb színének megváltoztatása

Tegyük fel, hogy van egy "Tovább" gomb az alkalmazásban, és a színét aszerint szeretné megváltoztatni, hogy egy minőségellenőrzésen megfelelt-e a gomb.

Kezdetnek hozzon létre egy "check_status_color" nevű változót, és állítsa be az alapértelmezett értéket "pirosra" a Kontextusablak Változók párbeszédpanelén keresztül.

Itt adhat hozzá egy új változót a Kontextusablakban:

És itt hozza létre a változót, és állítsa be a "piros" értéket:

Azért szeretné, hogy a piros legyen az alapértelmezett érték, mert a személy nem tud továbblépni, amíg a minőségellenőrzésen nem ment át.

Ezután állítsa be a gomb színét a megfelelő változóra a Widget lapon a "Button Color" (Gombszín) gombra kattintva, majd a változókat kiválasztva:

Végül, amikor a minőségellenőrzés sikerül, frissítenie kell a változó színét az "Adatmanipuláció" kiváltó művelet segítségével. Például így:

• "Adatmanipuláció" "Adatok tárolása": "Statikus érték" "szín" (kék) hely: "változó" "check_status_color"

Még egy dolog: érdemes lenne egy "if" utasítást hozzáadni a "Tovább" gombhoz, hogy a kezelő ne léphessen tovább, amíg a minőségellenőrzés nem sikerül.

Íme, hogyan lehet ezt egy "if" utasítás segítségével megtenni:

IF

• "Változó" "test1" "Igaz"

THEN

• "Go To Step" "Next"

Egy gomb láthatóságának váltása

A szín megváltoztatásán kívül egy gombot láthatatlanná is tehetünk, ha dinamikusan megváltoztatjuk az átlátszóságát.

Ehhez kapcsolja össze a gomb színét egy színváltozóval a fentiek szerint.

Egy gomb átlátszóságának megváltoztatásához állítson be a fentihez hasonló "Then" utasítást. Ezután húzza az "átlátszóság" csúszkát egészen balra.

Például így:

Így néz ki az átlátszóság csúszka a színválasztón:

Az állapot jelzése egy táblázatban

Tegyük fel, hogy egy Kamishibai műszerfalat szeretne létrehozni, vagy egy helyen szeretné nyomon követni több gyártósor állapotát.

Ezt úgy érheti el, hogy a fenti módon egy táblázatban tárolja a színértéket, majd betölti azt egy alkalmazásba.

Először tároljon egy színt egy táblázat színmezőjében. Íme egy példa arra, hogyan fog ez kinézni:

Ezután töltse be a Table Recordot az alkalmazásába.

Végül adjon hozzá egy "Table Record"-ot a "Text" widget alatt:

Ezután válassza ki a Szín mezőt a Kontextusablak legördülő listájából a korábban létrehozott Rekord helyőrzőn belül:

A szín mező automatikusan hozzáadódik a nyitott lépéshez egy határoló dobozban:

Amikor megnyitja az alkalmazást a Tulip Playerben, látni fogja, hogy a szín megjelenik ebben a határoló dobozban:

További olvasmányok

• Hogyan adhatja hozzá vállalata színeit a Tulip alkalmazáshoz?

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!