Stylizacja i motywy
Każdy panel w IronFlock ma domyślny wygląd, ale masz pełną kontrolę nad jego wyglądem. Ustawienia stylu pulpitu nawigacyjnego pozwalają stosować motyw, dostosowywać układ siatki i kontrolować jak wyglądają widgety — wszystko z jednego panelu ustawień. Dla poszczególnych widgetów wymagających innego wyglądu możesz nadpisać globalny styl bezpośrednio w edytorze widgetów.
Motywy
Motyw ustawia ogólny wizualny ton panelu jednym kliknięciem. IronFlock dostarczany jest z zestawem wbudowanych motywów — każdy definiuje skoordynowaną paletę kolorów, teł i domyślnych stylów stosowanych w całym pulpicie nawigacyjnym.
Aby zastosować motyw:
- Otwórz panel Ustawień panelu (ikona koła zębatego na górnym pasku narzędzi).
- Przejdź do sekcji Motyw.
- Wybierz motyw z listy.
Wszystkie widgety, tła i kolory tekstu natychmiast aktualizują się, aby pasowały do wybranego motywu.
Motywy są punktem wyjścia — nie zablokowanym wyborem. Po wybraniu motywu możesz nadpisać dowolne indywidualne ustawienie (kolory, obramowania, tła) i te nadpisania mają pierwszeństwo przed domyślnymi motywu.
Układ
Kanwa panelu ma kilka właściwości układu kontrolujących jak widgety są pozycjonowane, jak kanwa zachowuje się przy różnych rozmiarach ekranu i czy panel przewija się czy skaluje.
Przyciąganie do siatki
Gdy Przyciąganie do siatki jest włączone, widgety przyciągają do najbliższej komórki siatki przy umieszczaniu lub przesuwaniu. Siatka dzieli kanwę na macierz wierszy i kolumn.
Gdy Przyciąganie do siatki jest wyłączone, widgety mogą być swobodnie pozycjonowane na kanwie z precyzją pikselową. To tryb dla układów w stylu SCADA gdzie symbole muszą być umieszczone w dokładnych pozycjach.
Właściwości przyciągania do siatki:
- Kolumny — Liczba pionowych podziałów na kanwie.
- Wiersze — Liczba poziomych podziałów.
Przepełnienie X / Przepełnienie Y
Te właściwości kontrolują czy kanwa rozciąga się poza widoczny obszar.
- Przepełnienie X — Gdy włączone, kanwa może rozciągać się poza prawą krawędź ekranu. Pojawia się poziomy pasek przewijania.
- Przepełnienie Y — Gdy włączone, kanwa może rozciągać się poza dolną krawędź ekranu. Pojawia się pionowy pasek przewijania.
Skaluj do rozmiaru
Skaluj do rozmiaru sprawia, że cały panel skaluje się proporcjonalnie, aby wypełnić dostępną przestrzeń ekranu. Definiujesz stały współczynnik proporcji dla kanwy, a panel skaluje się w górę lub dół, aby pasował do okna przeglądarki zachowując ten stosunek.
To tryb idealny dla:
- Wyświetlaczy w centrum sterowania — Panel czysto wypełnia dowolny monitor
- Ekranów kiosk — Stały układ automatycznie adaptuje się do różnych rozmiarów ekranu
- Pulpitów nawigacyjnych prezentacyjnych — Spójny wygląd na laptopach, projektorach i ekranach ściennych
Podsumowanie trybów układu
| Tryb | Przyciąganie do siatki | Przepełnienie | Skaluj do rozmiaru | Zachowanie |
|---|---|---|---|---|
| Responsywna siatka | Wł. | Wył. | Wył. | Widgety przyciągają do komórek siatki; układ skaluje się z ekranem |
| Nieresponsywna siatka | Wł. | Wł. | Wył. | Widgety przyciągają ale nie skalują się w kierunku przepełnienia |
| Skalowana siatka | Wł. | Wył. | Wł. | Widgety przyciągają; cały układ skaluje się do stałego współczynnika |
| Przewijalna kanwa | Wył. | Wł. | Wył. | Swobodne pozycjonowanie na dużej kanwie; przewijanie |
| Skalowana kanwa | Wył. | Wył. | Wł. | Swobodne pozycjonowanie ze stałym współczynnikiem proporcji |
Globalny styl widgetów
Poza motywem możesz doprecyzować jak wszystkie widgety wyglądają z ustawień stylu pulpitu nawigacyjnego.
Co możesz dostosować:
- Obramowania — Kontroluj szerokość i kolor obramowania wokół widgetów.
- Zaokrąglenie narożników — Dostosuj promień obramowania od ostrych prostokątnych narożników do w pełni zaokrąglonych kart.
- Tła — Ustaw kolor tła widgetu lub uczyń widgety przezroczystymi.
Nadpisania stylu per widget
Czasami pojedynczy widget musi się wyróżniać. Zamiast zmieniać globalny styl, możesz go nadpisać dla konkretnego widgetu.
Aby nadpisać style na pojedynczym widgecie:
- Kliknij widget na kanwie, aby go wybrać.
- Otwórz Edytor widgetów.
- Znajdź ustawienia stylu lub wyglądu w edytorze widgetów.
- Dostosuj obramowania, zaokrąglenie narożników lub tło tylko dla tego widgetu.
Ustawienia per widget mają pierwszeństwo przed globalnym stylem pulpitu nawigacyjnego.
Wskazówka: Używaj globalnych stylów do ustawiania spójnej linii bazowej, następnie używaj nadpisań per widget oszczędnie dla elementów wymagających specjalnego traktowania.