Test jednostki wprowadzania tekstu
  • 04 Nov 2023
  • 1 Minuta do przeczytania
  • Współtwórcy

Test jednostki wprowadzania tekstu


Article Summary

Test jednostkowy wprowadzania tekstu

Ta aplikacja wyjaśnia, jak skonfigurować i używać wtyczki niestandardowego widżetu Text Input

Cel

Celem testu jednostkowego Text Input jest umożliwienie użytkownikom nauki i zrozumienia, jak skonfigurować i używać niestandardowej wtyczki widgetu Text Input w swoich aplikacjach Tulip. Niestandardowe wtyczki widżetów to zakodowane widżety, które znajdują się na platformie Tulip, aby zapewnić dodatkową funkcjonalność, która nie jest obecnie częścią głównej platformy. Wtyczka niestandardowego widżetu Text Input jest ulepszeniem standardowego wprowadzania tekstu, które pozwala na etykietę i tekst pomocniczy zgodnie ze standardem interfejsu użytkownika Tulip. Główną zaletą tego niestandardowego widżetu jest to, że umożliwia integrację etykiet i tekstu pomocniczego w tym samym widżecie, a nie w oddzielnych widżetach, co ułatwia organizację pól w kroku.

Konfiguracja

Niestandardowe wtyczki widżetów współdziałają z aplikacją poprzez wykorzystanie właściwości i zdarzeń. Właściwości to współdzielone dane, które istnieją między aplikacją a widżetem, podczas gdy zdarzenia to sygnały, które widżet może wysyłać do aplikacji. W edytorze aplikacji można tworzyć wyzwalacze oparte na tych zdarzeniach. Zdarzenia mogą również wysyłać dane do aplikacji.

Wtyczka Text Input Custom Widget wykorzystuje siedem właściwości i zero zdarzeń. Właściwości używane w tym widżecie to:

  • "DATASOURCE" o typie Text - powinien być połączony z polem zmiennej lub rekordu tabeli, który ma być przechowywany.
  • "LABEL" o typie Text - Wprowadź tekst, który chcesz wyświetlić jako etykietę. Może być podłączony do dynamicznego źródła danych, takiego jak zmienna lub rekord tabeli.
  • "HELPERTEXT" o typie Text - Wprowadź tekst, który będzie wyświetlany pod etykietą, aby zapewnić użytkownikowi więcej wskazówek.
  • "LABELCOLOR" o typie Color - Umożliwia ustawienie koloru etykiety.
  • "TEXTCOLOR" o typie Color - Umożliwia ustawienie koloru wprowadzanego tekstu.
  • "LABELFONTSIZE" o typie Integer - Umożliwia ustawienie rozmiaru czcionki etykiety.
  • 'INPUTFONTSIZE' o typie Integer - Umożliwia ustawienie rozmiaru czcionki wprowadzanego tekstu.

Jak to działa

Ta aplikacja wymaga zdefiniowania wszystkich właściwości wymienionych powyżej w przykładowym kroku, aby zobaczyć, jak można skonfigurować i skonfigurować wtyczkę Text Input Custom Widget. Po zdefiniowaniu wszystkich właściwości, zobaczysz przykład widżetu w lewym dolnym rogu, aby uwzględnić zdefiniowane właściwości, jak widać na poniższym obrazku.

Przegląd wideo aplikacji


Czy ten artykuł był pomocny?