Projektowanie Apek - Widżet Przycisk

Przycisk umożliwia wykonanie sprecyzowanych akcji globalnych oraz mających wpływ na działanie sekcji. Przycisk umożliwia dodanie wielu akcji, które zostaną wywołane jednocześnie.

Kiedy zaznaczysz przycisk w designerze, możesz dostosować jego działanie i wygląd za pomocą okna właściwości przycisku. To jest miejsce, gdzie możemy dokładnie kontrolować, jak przycisk będzie się zachowywał i wyglądał na stronie.

Po zaznaczeniu przycisku, z prawej strony ekranu pojawi się okno właściwości:

  1. Zakładka okna właściwości pozwala na sprawne przejście między pozostałymi zakładkami designera.
  2. Ustawienia sekcji przycisku umożliwiają konfigurację informacji o nazwie sekcji, widoczności, trybie ukrywania, auto szerokości oraz podpisie widocznym na dodanym przycisku.
  3. Dostępne ustawienia formatowania pozwalają na zmianę koloru, rodzaju i wielkości czcionki, manipulację tekstem, zmianę koloru przycisku oraz opcje wyrównania podpisu.
  4. Kliknięcie w przycisk dodania akcji pozwala na dodanie, wybór oraz konfigurację akcji przycisku.

Dostępne akcje mogące zostać wywołane po kliknięciu przycisku:

Aby dodać do przycisku akcję, zaznacz go na designerze aplikacji (1), przejdź do właściwości widżetu, a następnie dodaj akcję wykorzystując przycisk dodawania akcji(2). Wybranie rodzaju akcji możliwe jest poprzez kliknięcie w listę rozwijaną (3), na usunięcie akcji pozwala przycisk usuwania (4).

image06.png

image03.png

 

Dodanie ikony do widżetu - przycisk

Od wersji 2.2 istnieje możliwość dodania ikony do widżetu przycisk. Aby nadać ikonę, konieczne jest najpierw określenie pozycji ikony, czyli po której stronie ma być dodana względem nagłówka.

Ustawienie pozycji ikony

Następnie należy wybrać ikonę z listy lub określić ją za pomocą formuł.

Wybranie ikony z listy

Przycisk z dodaną ikoną

Style - przycisk

Nowa sekcja styli odstępna od wersji 2.2

  • Przycisk:
    • Możemy wybrać styl przycisku z listy dostępnych styli lub obliczyć go za pomocą formuł. Dodatkowo, możemy ustawić styl z belki formatowania, dodać obramowanie oraz zapisać wybrany styl.
  • 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.
  • Ikona przycisku: 
    • Możemy wybrać styl icony przycisku z listy dostępnych styli lub obliczyć go za pomocą formuł. Dodatkowo, możemy ustawić styl z belki formatowania, ustawić odległość między ikoną a nagłówkiem oraz zapisać wybrany styl.
  • Ikona przycisku (hover): 
    • Opcje stylu możemy określić analogicznie jak w przypadku ikony przycisku, z tą różnicą że dany styl będzie aplikowany w momencie najechania kursorem na ikonę.

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

Czy ten artykuł był pomocny?
Liczba użytkowników, którzy uważają ten artykuł za przydatny: 0 z 0
Masz więcej pytań? Wyślij zgłoszenie

0 Komentarze

Komentarze do artykułu są zablokowane.
Oparte na technologii Zendesk