Szám Bemeneti egység teszt
  • 04 Nov 2023
  • 2 Elolvasandó percek
  • Közreműködők

Szám Bemeneti egység teszt


Cikk összefoglaló

Szám Bemeneti egység teszt

Ez az alkalmazás elmagyarázza, hogyan kell beállítani és használni a Number Input egyedi widget plugint.

Cél

A Number Input Unit Test célja, hogy a felhasználók megtanulják és megértsék, hogyan kell beállítani és használni a Number Input egyéni widget plugint a Tulip alkalmazásokban. Az egyéni widget pluginok olyan kódolt widgetek, amelyek a Tulip platform tetején helyezkednek el, hogy olyan további funkciókat biztosítsanak, amelyek jelenleg nem részei a fő platformnak. A számbemenet egyéni widget plugin a szabványos számbemenet továbbfejlesztése, és a Tulip UI szabványt követve lehetővé teszi a címke, a segédszöveg, a minimális érték, a maximális érték és a mértékegység használatát. Ennek az egyéni widgetnek az elsődleges előnye, hogy lehetővé teszi a címkék és a segédszövegek integrálását ugyanabba a widgetbe, nem pedig külön widgetekbe, ami megkönnyíti a mezők szervezését a lépésben.

Beállítás

Az egyéni widget pluginok tulajdonságok és események használatával lépnek kapcsolatba az alkalmazással. A tulajdonságok az alkalmazás és a widget között létező megosztott adatok, míg az események olyan jelek, amelyeket a widget küldhet az alkalmazásnak. Az alkalmazásszerkesztőben ezeken az eseményeken alapuló triggereket hozhat létre. Az eseményeket úgy is el lehet készíteni, hogy adatokat küldjenek az alkalmazásnak.

A Number Input Custom Widget Plugin tíz tulajdonságot és nulla eseményt használ. Az ebben a widgetben használt tulajdonságok a következők:

  • 'DATASOURCE', amelynek típusa szám - A tárolni kívánt változó vagy táblázatrekord mezőjéhez kell kapcsolódnia.
  • 'LABEL', amelynek típusa Text - Adja meg a szöveget, amelyet címkeként szeretne megjeleníteni. Csatlakoztatható dinamikus adatforráshoz, például változóhoz vagy táblázatrekordhoz.
  • "HELPERTEXT", amelynek típusa Text - Adja meg a címke alatt megjelenő szöveget, amely további útmutatást nyújt a felhasználónak.
  • 'LABELCOLOR', amelynek típusa Color - Lehetővé teszi a címke színének beállítását.
  • 'TEXTCOLOR', amelynek típusa Color - Lehetővé teszi a beírt szám színének beállítását.
  • 'LABELFONTSIZE' with type Integer - Lehetővé teszi a címke betűméretének beállítását.
  • 'INPUTFONTSIZE' with type Integer - Lehetővé teszi a szám beviteli betűméretének beállítását.
  • 'MIN', amelynek típusa Number - A minimálisan elfogadható érték a bemenethez. Ennek az értéknek kisebbnek vagy egyenlőnek kell lennie a max attribútum értékével.
  • 'MAX', amelynek típusa Number - A bemenethez elfogadandó maximális érték. Ennek az értéknek nagyobbnak vagy egyenlőnek kell lennie a min attribútum értékével.
  • "UNIT", amelynek típusa Text - Lehetővé teszi a mértékegységnek tekintendő szöveg megadását.

Hogyan működik

Ez az alkalmazás arra kéri, hogy a fent felsorolt összes tulajdonságot definiálja a példalépésben, hogy láthassa, hogyan lehet a Number Input Custom Widget Plugin-t beállítani és konfigurálni. Miután az összes tulajdonságot definiálta, a bal alsó frissítésben megjelenik a widget példája.

Beépített adatérvényesítés is van, amely megakadályozza, hogy a min-max tartományon kívül eső számot adjon meg, és ez hibát vált ki, és megjeleníti a szöveget, amely szerint a bevitel érvénytelen, és piros színnel kiemeli a beviteli mezőt is.

Az alkalmazás videós áttekintése


Hasznos volt ez a cikk?