Widgets

Widżet wejściowy służy do wprowadzania informacji do systemu wizualizacji notion#app. Dane są mapowane do PLC za pomocą zmiennych.

Oprócz ogólnych informacji o formularzu, takich jak rozmiar, długość, szerokość itp., Widget wejściowy oferuje ograniczenia formatu, sugestie dotyczące formatu i odpowiedni układ klawiatury, a także teksty pomocy, sugestie dotyczące tekstu wejściowego lub opisy pól. Wszystkie pola można powiązać ze zmiennymi, dzięki czemu można zdefiniować pola dynamiczne w połączeniu ze sterownikiem PLC.

Tutaj możesz ustawić siatkę w pikselach po wyrównaniu widżetu. Ustawienie grubszej siatki często upraszcza umieszczanie lub wyrównanie widżetów względem siebie. Widżet można przesuwać tylko w tej siatce na ekranie.

 

Offset określa odległość widżetu w kierunkach X i Y do punktu zerowego widżetu nadrzędnego (górny, lewy). Przy 0, 0 lewa górna krawędź widżetu znajduje się dokładnie na lewej górnej krawędzi elementu nadrzędnego. Ten parametr może służyć do pozycjonowania widżetów.

Show sprawia, że widżet jest widoczny lub niewidoczny. Podobnie jak wszystkie inne parametry widgetów, parametr można przypisać do zmiennej PLC. Wartość 0 sprawia, że widżet jest niewidoczny, a wszystkie inne wartości różne od 0 sprawiają, że jest on widoczny.

Flex przypisuje wagę do widżetu dekorowanego kontenera, gdy jest on używany we względnym widżecie układu. Wartość określa, ile miejsca jest przydzielane widgetowi względem innych widgetów w układzie. Więcej o układach względnych.

Width określa szerokość dekorowanego widżetu kontenera. Można to określić na stałe. Zawartość pojemnika pozostanie w tej szerokości i nie zostanie zniekształcona.

Height wskazuje wysokość dekorowanego widżetu pojemnika. Można to określić na stałe. Treść pozostaje na tej wysokości i nie jest zniekształcona.

Padding określa odległość między elementem wewnątrz dekorowanego pojemnika a krawędzią pojemnika. Jednostka jest w pikselach.

Kolor tła, w którym jest wyświetlany ozdobny widżet kontenera. Ponadto dla koloru można określić krycie (wartość przezroczystości). Wartość można wprowadzić szesnastkowo lub wybrać z palety kolorów. Wartość koloru to wartość 32-bitowa o strukturze 0xAARRGGBB. A oznacza krycie, a RGB oznacza wartość koloru czerwonego, zielonego i niebieskiego, każda z przedziału od 0… 255.

borderColor - kolor, w jakim wyświetlana jest krawędź widżetu dekorowanego kontenera. Ponadto dla koloru można określić krycie (wartość przezroczystości). Wartość można wprowadzić szesnastkowo lub wybrać z palety kolorów. Wartość koloru to wartość 32-bitowa o strukturze 0xAARRGGBB. A oznacza krycie, a RGB oznacza wartość koloru czerwonego, zielonego i niebieskiego, każda z przedziału od 0… 255.

Za pomocą borderWidth szerokość obramowania dekorowanego widżetu kontenera jest ustawiana w pikselach.

Za pomocą borderRadius promień narożnika dekorowanego widżetu kontenera jest ustawiany w jednostkach pikseli.

shadowColor - kolor, w którym wyświetlany jest cień widżetu dekorowanego kontenera. Ponadto dla koloru można określić krycie (wartość przezroczystości). Wartość można wprowadzić szesnastkowo lub wybrać z palety kolorów. Wartość koloru to wartość 32-bitowa o strukturze 0xAARRGGBB. A oznacza krycie, a RGB oznacza wartość koloru czerwonego, zielonego i niebieskiego, każda z przedziału od 0… 255.

W przypadku blurRadius przebieg cienia dekorowanego widżetu kontenera jest ustawiany w pikselach jednostkowych.

W przypadku blurOffset odległość między cieniem a dekorowanym widżetem kontenera jest ustawiana w pikselach.

Można to wykorzystać do skompilowania listy obrazów wyświetlanych w widgecie. Obrazy otrzymują kolejny indeks w kolejności, w jakiej zostały wybrane. Wyboru dokonuje się poprzez wybranie wyświetlanego obrazu, kolor ramki obrazu zmienia się. Obrazy należy przesłać z wyprzedzeniem. Odbywa się to za pośrednictwem serwera WWW pojęcia # app. Można to osiągnąć przez port 8080, tj. ipadressestablet: 8080.

ImageIndex można powiązać ze zmienną PLC lub wprowadzić ręcznie. Indeks uzyskuje dostęp do obrazu utworzonego i przypisanego w ImageList, który jest wyświetlany w widgecie. Obrazy należy przesłać z wyprzedzeniem. Odbywa się to za pośrednictwem serwera WWW notion#app. Można to osiągnąć przez port 8080, tj. ipadressestablet: 8080.

ImageList z indeksem jest wyświetlana w obszarze wyświetlania ImageIndex. Jeśli chcesz zmienić kolejność, kliknij na obrazek i aktywuj go, przesuwając w górę iw dół wybrane zdjęcie na liście, następuje przebudowa indeksu listy.

Rozmiar czcionki, w jakiej wyświetlana jest ikona, w pikselach. Rozmiar czcionki można wprowadzić tutaj bezpośrednio lub połączyć ze zmienną. Alternatywnie rozmiar czcionki można również dostosować w trybie zmiany (kolor zielony).

Tutaj możesz wybrać z listy wstępnie zdefiniowanych ikon, co zostanie wyświetlone. Ikony to w zasadzie symbole tekstowe, których rozmiar jest określany przez właściwość fontSize.

Wyświetlany tekst. Jeśli klikniesz obszar, który nie jest podświetlony na niebiesko, możesz bezpośrednio wprowadzić tekst. Klikając na obszar podświetlony na niebiesko, można powiązać zmienną PLC z widgetem, który jest cyklicznie aktualizowany.

Typ czcionki, który ma być używany do wyświetlania tekstu.

Typ czcionki, który ma być używany do wyświetlania tekstu.

Grubość czcionki, w jakiej ma być wyświetlany tekst. Tutaj można wybrać normalną, pogrubioną i kolejnych 9 ciężarów.

Określa zachowanie tekstu, jeśli nie pasuje do podanej szerokości.
klip: przerywa tekst. Widocznych jest kilka wierszy tekstu.
wielokropek: przerywa tekst i umieszcza trzy kropki na końcu tekstu.
fade: Anuluje tekst i wyświetla ostatnią literę z nieprzezroczystością.

Wyrównanie tekstu. Wyrównanie staje się istotne dopiero po określeniu właściwości Szerokość i / lub Wysokość. Tekst może być wyrównany do lewej, do środka, do prawego górnego rogu lub do dołu. Jeśli ustawisz szerokość i wysokość na 0, ta właściwość nie ma żadnej funkcji lub efekt nie jest widoczny.

maxLeegth określa maksymalną liczbę znaków wejściowych w widgecie, czyli liczbę znaków, które można wprowadzić w polu wejściowym.

Za pomocą labelText wprowadzasz opisowy tekst dodatkowy do pola wejściowego.

Wybór układu klawiatury ekranowej, który odpowiada typowi danych wejściowych. Na przykład. Numer, data / godzina, adres e-mail, tekst, adres URL itp.

Wprowadzanie sugestii tekstu lub pomocy przy wprowadzaniu żądanego formatu wejściowego odbywa się za pomocą hintText. Pojawia się ona podrzędna w polu wprowadzania i znika, gdy rozpoczyna się wprowadzanie