Jak rozwiązać problemy z funkcją FAB
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
W dzisiejszym wyzwaniu GUI @AdamArgyleInk tworzy kilka pływających przycisków akcji (FAB) i omawia kwestie UX i CSS dotyczące stałych pozycji przycisków w internecie.
Rozdziały:
- 0:00 – Wprowadzenie
- 0:43 – Właściwości logiczne
- 1:50 – Drzewo ułatwień dostępu
- 3:18 – Grupa przycisków FAB
- 4:41 – Zaznaczenie zamówienia a kolejność dokumentów
- 6:21 – CSS .fabs
- 7:16 – CSS .fab
- 12:54 – Animacja
- 14:02 – zakończenie
Zasoby:
Zobacz więcej Wyzwania GUI → https://goo.gle/GUIchallenges
Zasubskrybuj kanał dla deweloperów Google Chrome → https://goo.gle/ChromeDevs
arrow_back Wróć do wszystkich odcinków
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2022-06-29 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Brak potrzebnych mi informacji"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Zbyt skomplikowane / zbyt wiele czynności do wykonania"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Nieaktualne treści"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problem z tłumaczeniem"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problem z przykładami/kodem"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Inne"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Łatwo zrozumieć"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Rozwiązało to mój problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Inne"
}]