Projektowanie adaptacyjne to tworzenie układów, które dostosowują się do określonych punktów przerwania i urządzeń.
Aby skutecznie wdrożyć układy adaptacyjne:
- Najpierw weź pod uwagę szerokość klasy okna urządzenia, aby określić zmiany układu, a potem dostosuj wysokość.
- Android wykorzystuje koncepcje elastycznego projektowania, podobnie jak w przypadku tworzenia stron internetowych. Stosuje elastyczne siatki i obrazy, aby tworzyć układy, które skutecznie dostosowują się do kontekstu.
Wskazówki dotyczące projektowania układów dostosowanych do większych ekranów znajdziesz w przewodniku dla deweloperów Obsługa różnych rozmiarów ekranu w Compose oraz na stronie M3 Stosowanie układu. Możesz też zajrzeć do galerii kanonicznych układów na duże ekrany na Androidzie, aby znaleźć inspirację i dowiedzieć się, jak wdrożyć takie układy.
Myśl elastycznie
Podczas projektowania aplikacji domyślnie należy stosować układ adaptacyjny. Rynek urządzeń mobilnych z Androidem stale się rozwija, więc nie można myśleć o urządzeniach mobilnych tylko jako o telefonach komórkowych. Powinien on obejmować wszystkie urządzenia, od telefonów komórkowych po składane, tablety i inne.
Niektóre funkcje i przypadki użycia mogą nie sprawdzać się na każdym rozmiarze ekranu lub urządzeniu. Projektowanie adaptacyjne zapewnia użytkownikom większą swobodę w zakresie ergonomii, użyteczności i jakości aplikacji.
Metody i jakość
Zacznij od zaprojektowania kluczowych ekranów (przekazujących najważniejsze koncepcje lub informacje o aplikacji) z rozmiarami klas jako punktami przerwania, które będą wytycznymi dla reszty aplikacji. Te najważniejsze elementy mogą podkreślać zróżnicowane cechy adaptacyjne i związane z formą. Możesz też zaprojektować treści tak, aby były elastyczne na poziomie podstawowym, określając, jak powinny być ograniczone, rozwijane lub przeformatowywane.
Tak
Nie
Tak
Używaj kontenerów wewnętrznych i wizualnych do grupowania elementów. Panele mogą się pojawiać, znikać, rozwijać, być ograniczone lub wyskakiwać. Myślenie w kategoriach paneli ułatwia projektowanie na wszystkich urządzeniach mobilnych.
Zezwalaj na przesuwanie i przekształcanie elementów, skupiając się na tym, jak dostosowują się one do siatki. Weź pod uwagę zmianę pionową elementów i połącz ją z ograniczeniami i zmianami prezentacji.
Aplikacja wysokiej jakości powinna spełniać wymagania dotyczące poziomu zróżnicowanego w wytycznych dotyczących ogólnej jakości aplikacji i jakości na dużych ekranach.
Więcej informacji o układach znajdziesz na stronie poświęconej układom w Material Design 3 (M3).