Jeśli jesteś nowy w , jesteś w idealnym miejscu, aby rozpocząć naukę o projekcie układu. Ten artykuł na temat samouczka projektowania układu Androida pomoże Ci wyjść zkilka przydatnych wskazówek, jak ulepszyć projekt interfejsu użytkownika, a także wyjaśniono, jak zaprojektować interfejs użytkownika.
Będę omawiać poniższe tematy:
- Wprowadzenie do składników interfejsu użytkownika
- Wyświetlenia
- Rodzaje układów
- Jednostki miary
- Próbny
Więc zacznijmy!
Opis stanowiska programisty Big Data
Samouczek dotyczący projektowania układu w systemie Android: wprowadzenie do składników interfejsu użytkownika
Mówiąc o składnikach interfejsu użytkownika, typowy interfejs użytkownika dowolnej aplikacji na Androida składa się z następujących komponentów:
- Główny pasek akcji
- View Control
- Obszar zawartości
- Split Action Bar
Odgrywają one ważną rolę podczas opracowywania złożonej aplikacji. Będziesz miał jasny obraz tego, kiedy przejdziemy do sekcji demonstracyjnej tego artykułu.
Innym ważnym czynnikiem, który pomaga w dostosowywaniu projektu interfejsu użytkownika, byłby komponent widoku.
Zobaczmy, co to jest widok
Samouczek dotyczący projektowania układu w systemie Android: Wyświetlenia
DO Widok jest uważany za podstawowy blok konstrukcyjny dla prawidłowego interfejsu użytkownika, który jest faktycznie tworzony na podstawie Wyświetl zajęcia . Zajmuje prostokątny obszar na ekranie i ostatecznie zajmuje się rysowaniem i obsługą zdarzeń.
Widok jest klasą bazową dla widżetów, które są używane do tworzenia interaktywnych elementów interfejsu użytkownika, takich jak przyciski, pola tekstowe itp. Mówiąc teraz o obszarze prostokąta lub ramce, może to być obraz, fragment tekstu, przycisk lub wszystko, co może wyświetlić aplikacja na Androida. Prostokąt tutaj jest właściwie niewidoczny, ale każdy widok ma kształt prostokąta.
Możesz mieć pytanie, jaki może być rozmiar tego prostokąta?
Odpowiedź brzmi: możesz ustawić go ręcznie, określając dokładny rozmiar (z odpowiednimi jednostkami) lub używając wstępnie zdefiniowanych wartości. Te wstępnie zdefiniowane wartości to match_parentand wrap_content. To Twoi rodzice oznacza, że zajmie całą dostępną przestrzeń na wyświetlaczu urządzenia. Natomiast, wrap_content wskazuje, że zajmie tylko tyle miejsca, ile jest wymagane do wyświetlenia treści.
Zwróćmy teraz uwagę na główne różnice między widokiem a ViewGroup.
Widok
- Widok obiekty to podstawowe bloki konstrukcyjne elementów interfejsu użytkownika w systemie Android.
- Widok to prosta prostokątna ramka, która odpowiada na działania użytkownika.
- Widok odnosi się do klasy android.view.View, która jest klasą bazową wszystkich klas interfejsu użytkownika.
- Przykładami są EditText, Button, CheckBox itp.
ViewGroup
- ViewGroup to niewidoczny kontener, który zawiera View i ViewGroup.
- ViewGroup jest klasą bazową dla Układy .
- Na przykład LinearLayout to ViewGroup, który zawiera Button (View), a także inne układy.
Przejdźmy teraz do przodu i zapoznajmy się z obecnymi układami.
Samouczek projektowania układu Androida: Rodzaje układów
DO układ definiuje strukturę interfejsu użytkownika w aplikacji. Wszystkie elementy w układzie są zbudowane przy użyciu hierarchii Widok i ViewGroup obiekty.
Zobaczmy teraz, jak zadeklarować układ.
Układ można zadeklarować na dwa sposoby:
Zadeklaruj elementy interfejsu użytkownika w formacie XML. System Android zapewnia proste słownictwo XML, które odpowiada klasom i podklasom View, takim jak te dotyczące widżetów i układów.
Uwaga: Możesz także użyć Edytora układów Android Studio, aby zbudować układ XML za pomocą interfejsu typu „przeciągnij i upuść”.
Utwórz wystąpienia elementów układu w czas pracy . Aplikacja może tworzyć Widok i ViewGroup obiekty i programowo manipulować ich właściwościami.
Omówmy różne typy układów.
Interfejs użytkownika w systemie Android to hierarchia widoków i grup widoków. ViewGroups będą węzłami pośrednimi w hierarchii, a widoki będą węzłami końcowymi.
- Układ liniowy
- Absolutny układ
- Względny układ
- Układ tabeli
- Układ ramek
Omówmy je szczegółowo.
Układ liniowy
Układ liniowy służy do umieszczania jednego elementu w każdym wierszu. Tak więc wszystkie elementy zostaną ułożone w uporządkowany sposób od góry do dołu. Jest to bardzo często używany układ do tworzenia formularzy w systemie Android. Można ją również nazwać grupą widoków, która wyrównuje wszystkie elementy podrzędne w jednym kierunku, w pionie lub w poziomie.
Absolutny układ
W układzie bezwzględnym możesz określić dokładne współrzędne każdej kontrolki, którą chcesz umieścić. W tego typu układzie możesz podać dokładne współrzędne X i Y każdej kontrolki. Umożliwia określenie dokładnej lokalizacji jego dzieci.
Względny układ
Względny układ to plik ViewGroup który wyświetla widoki potomne w pozycjach względnych. tymoże określić położenie elementów w stosunku do innych elementów lub w stosunku do kontenera nadrzędnego.
Układ tabeli
Korzystając z układu tabeli, możesz utworzyć tabelę z wierszami i kolumnami oraz umieścić w nich elementy. W każdym wierszu możesz określić jeden lub więcej elementów. Możesz użyć tego polecenia, aby utworzyć nowy układ tabeli.
Układ ramek
Układ ramki jest używany, gdy chcesz pokazać jeden element na każdym ekranie. Korzystając z układu ramek, możesz mieć wiele elementów.Ten układ ramek jest symbolem zastępczym na ekranie, którego można użyć do wyświetlenia pojedynczego widoku.
Samouczek projektowania układu Androida: Jednostki miary
Podczas określania rozmiaru elementu w interfejsie użytkownika systemu Android zdecydowanie należy pamiętać o następujących jednostkach miary.
| Jednostka | Opis |
|---|---|
| dp | Piksel niezależny od gęstości. 1dp odpowiada jednemu pikselowi na 160dpi ekran. |
| sp | Skaluj niezależne piksele. Jest to bardzo podobne do dp, ale tylko to jest zalecane do określania rozmiarów czcionek. |
| pt | Punkt. Punkt jest zdefiniowany jako 1/72 cala. |
| px | Piksel. Odpowiada rzeczywistym pikselom na ekranie |
Teraz przejdźmy do ostatniego tematu tego artykułu.
Samouczek projektowania układu Androida: Próbny
W tej sekcji demonstracyjnej wyjaśnimy, jak pracować z układami w programie Android Studio .
Zapoznaj się z do Android Studio.
Tak wygląda układ. Po prostu wybierz to, co można narysować, a znajdziesz kilka klas, wybierz dowolne inne w ramach tego rysunku. Możesz zakodować strukturę układu lub wyświetlić projekt i po prostu przeciągnąć i upuścić komponenty w przestrzeni projektu.
Możesz przeglądać komponenty, które wybrałeś pod drzewem komponentów.
Możesz je również znaleźć w układzie.
- Paleta : Zawiera listę widoków i grup widoków, które można przeciągać do układu.
- Składnik Drzewo : Składa się z hierarchii Widok dla twojego układu.
- pasek narzędzi : Przyciski do konfiguracji wyglądu układu w edytorze i do zmiany kilku atrybutów układu.
- Edytor projektów : Układ w widoku Projekt lub Schemat lub w obu. Uważany również za przestrzeń projektową.
- Atrybuty : Kontroluje atrybuty wybranego widoku.
W ten sposób dochodzimy do końca artykułu „Samouczek projektowania układu systemu Android”. Mam nadzieję, że wiecie, co zostało wam udostępnione w tym samouczku.Bądź na bieżąco z innymi blogami i powodzenia w karierze programisty Androida.
Teraz, gdy znasz już podstawy projektowania układów systemu Android, zapoznaj się z autorstwa Edureka, zaufanej firmy zajmującej się edukacją online, z siecią ponad 250 000 zadowolonych uczniów rozsianych po całym świecie.
Szkolenie Edureka poświęcone certyfikacji w zakresie tworzenia aplikacji na Androida jest przeznaczone dla studentów i profesjonalistów, którzy chcą zostać programistami Androida. Kurs ma na celu zapewnienie przewagi w programowaniu w języku Java i przeszkolenie zarówno w zakresie podstawowych, jak i zaawansowanych koncepcji, a także projektu, w którym oczekuje się, że stworzysz aplikację na Androida.
Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy na blogu „Samouczek projektowania układu systemu Android”, a my skontaktujemy się z Tobą tak szybko, jak to możliwe.