W przypadku stron, które zawierają więcej informacji niż mieści się na ekranie lub wymagają dłuższej i bardziej wciągającej interakcji, użyj widoku przewijania.
Komponenty wstępnie ustawionego układu przewijania
Okno ze stosowanymi u dołu przyciskami
Okno ze stosowanymi u dołu przyciskami
Okno z dwoma przyciskami u dołu
Przykłady niestandardowych układów przewijania
Ekrany aplikacji z przewijaniem nie są ograniczone do określonych komponentów, ale mogą łączyć elementy, aby utworzyć wybrany układ. Zwróć uwagę na długość ekranu przewijanego oraz użycie elastycznych (procentowych) marginesów i wypełnień, aby sprawdzić, czy komponenty dostosowują się do dostępnego rozmiaru ekranu.
Dodatkowe treści na większych ekranach
Lista przycisków: przyciski z ikonami o rozmiarze 26 dp
Lista przycisków: przyciski aplikacji z ikonami o rozmiarze 32 dp
Lista przycisków: przyciski aplikacji z ikonami o rozmiarze 36 dp
Lista przycisków z przyciskami przełączania
Lista mieszana z elementami jednolinijkowymi
Lista mieszana z elementami wielowierszowymi
Lista kart z kartami aplikacji
Lista kart z kartami tytułowymi
Lista kart z kartami niestandardowymi
Lista tekstowa
Elastyczne i adaptacyjne działanie
Wszystkie komponenty w bibliotece Compose automatycznie dostosowują się do większego rozmiaru ekranu, zwiększając szerokość i wysokość. Widoki przewijania, które korzystają z elastycznego projektowania stron, zwykle dostosowują się do różnych rozmiarów ekranu. W niektórych szczególnych przypadkach możesz jednak użyć punktu przerwania, aby zastąpić wymiary i rozszerzyć układy, co zwiększy funkcjonalność, poprawi czytelność lub sprawi, że treści będą lepiej dopasowane do ekranu.
Aby sprawdzić, czy parametry elastyczne są prawidłowo zdefiniowane, skorzystaj z tej listy kontrolnej:
- Zastosuj zalecane marginesy u góry, u dołu i po bokach.
- Określ zewnętrzne marginesy w procentach, aby zapobiec przycinaniu na początku i na końcu kontenera z możliwością przewijania.
- Stosuj marginesy o stałych wartościach DP między elementami interfejsu.
- Rozważ zastosowanie punktu przerwania przy 225 dp, aby wprowadzić dodatkowe treści lub sprawić, że istniejące treści będą bardziej czytelne na większych ekranach.
