Projektowanie Apek - Widżet Kontener

Widżet kontener pozwala na lepsze zorganizowanie przestrzeni apki. Jest to sekcja o pustej przestrzeni w której można umieszczać i przestawiać wszystkie inne sekcje. Cechą szczególną tej sekcji jest to że można ją 'ukrywać' z poziomu instancji apki - wystarczy ją zwinąć klikając na strzałkę.

widżet kontener w designerze

Kontener rozwinięty

Kontener zwinięty

Właściwości tej sekcji to:

Nazwa- nazwa sekcji

Wymiary- pozwalają użytkownikowi dowolnie definiować wysokość oraz szerokość projektowanej sekcji

Widoczność -umożliwia dodanie do sekcji formuły której wynik będzie decydował o tym czy zostanie ona wyświetlona w instancji aplikacji

Tryb ukrywania - razem z widocznością sekcji określa w jaki sposób sekcja jest chowana

Auto szerokość: - umożliwia ustalenie stałej wielkości sekcji w stosunku do ekranu aplikacji

Nagłówek - nazwa nagłówka

Wyrównanie - pozwala na wybranie do czego mają zostać wyrównane elementy w kontenerze (lewo, prawo, środek)

Widoczność nagłówka: - możesz wybierać spośród trzech opcji dotyczących widoczności nagłówka: "tytuł i przycisk", "tylko tytuł" oraz "brak". To pozwala decydować, czy chcesz wyświetlać zarówno nagłówek z przyciskiem do rozwinięcia sekcji, tylko sam tytuł sekcji bez przycisku, lub w ogóle ukryć nagłówek sekcji.

Początkowo zwinięty - oznacza, że kontener jest domyślnie zamknięty po uruchomieniu instancji. Ta właściwość pozwala ustawić kontener tak, aby był początkowo zwinięty.

Opcja jest dostępna tylko gdy wybierzesz "tytuł i przycisk" w ustawieniach widoczności nagłówka.

Styl - Kontener

Nowa sekcja styli odstępna od wersji 2.2

• Sekcja:
  • Możemy wybrać styl z listy lub określić go za pomocą formuły 
• Nadanie obramowania:
  • Korzystając z opcji obramowania, możemy ustawić jego parametry (górne, dolne, lewe i prawe), wybierając odpowiedni kolor oraz zaokrąglone krawędzie
• Nadanie cienia sekcji:
  • Dodając cień do sekcji, mamy możliwość dostosowania jego koloru

• Nagłówek:
  • Możemy nadać styl nagłówka kontenera za pomocą listy ze stylami lub z wyliczyć go za pomocą formuł. Istnieje możliwość ustawienia stylu z belki formatowania, dodania obramowania oraz zapisania wybranego stylu
• Przycisk:
  • Możemy wybrać styl przycisku spośród dostępnych opcji w liście styli lub obliczyć go za pomocą formuł. Alternatywnie, możemy również samodzielnie nadać kolor. Po ustaleniu preferowanego stylu, możemy go zapisać dla późniejszego wykorzystania.
• Przycisk (hover):
  • Opcje stylu możemy określić analogicznie jak w przypadku przycisku, z tą różnicą że dany styl będzie aplikowany w momencie najechania kursorem na przycisk.
• Zawartość:
  • Możemy wybrać styl zawartości kontenera z listy styli lub wyliczyć go za pomocą formuł.  Dodatkowo można nadać kolor kontenera, ustawić obramowanie oraz zapisać styl.

Przy każdej właściwości stylu znajdują się ikonki, które umożliwiają:

- zresetowanie ustawionego stylu

- zapisanie wybranego stylu

- modyfikację wcześniej zapisanego stylu