Tworzenie i uruchamianie pierwszej aplikacji na Androida

W tym laboratorium kodowania utworzysz swoją pierwszą aplikację na Androida (Happy Birthday) na podstawie szablonu podstawowej aplikacji udostępnionego przez Android Studio. Dowiesz się też, jak wygląda projekt Androida, i nauczysz się korzystać z różnych okien w Android Studio.

Wymagania wstępne

• znajomość konfiguracji i używania aplikacji, takich jak edytor tekstu czy arkusz kalkulacyjny;

Czego się nauczysz

• Jak utworzyć projekt Android Studio dla aplikacji na Androida za pomocą szablonu.

Co utworzysz

• Podstawowa aplikacja na Androida utworzona na podstawie szablonu

Wymagania

• komputer z zainstalowanym Androidem Studio,

W tym zadaniu utworzysz aplikację na Androida przy użyciu szablonu projektu udostępnionego przez Android Studio.

Szablony projektów

W Android Studio szablon projektu to aplikacja na Androida, która ma wszystkie niezbędne elementy, ale nie robi zbyt wiele. Ma to na celu ułatwienie Ci rozpoczęcia pracy i zaoszczędzenie czasu. Przykłady szablonów w Android Studio to aplikacja z mapą i aplikacja z wieloma ekranami.

Tworzenie projektu pustej aktywności

W tych krokach utworzysz nowy projekt Android Studio, korzystając z szablonu projektu Empty Activity dla nowej aplikacji.

1. Uruchom Android Studio (jeśli nie jest jeszcze otwarte), klikając ikonę Android Studio .

Wyświetli się okno Witamy w Android Studio .

2. W oknie Witamy w Android Studio kliknij + Start a new Android Studio project (Rozpocznij nowy projekt w Android Studio).

Otworzy się okno Create New Project (Utwórz nowy projekt) z listą szablonów udostępnionych przez Android Studio.

3. Kliknij karty u góry i przewiń szablony, aby zobaczyć, co możesz zrobić. Dostępne są szablony dla wielu różnych typów urządzeń (np. telefonów, tabletów i zegarków) oraz różnych typów aplikacji (aplikacji z ekranami z możliwością przewijania, aplikacji z mapami i aplikacji z zaawansowaną nawigacją).
4. W lewym górnym rogu okna kliknij kartę Telefon i tablet .
5. W górnym wierszu kliknij szablon Pusta aktywność, aby wybrać go jako szablon projektu.

Szablon Empty Activity to najprostszy szablon, którego można użyć do utworzenia aplikacji. Ma on jeden ekran i wyświetla prosty komunikat „Hello World!”.

6. U dołu okna kliknij Dalej. Otworzy się okno Utwórz nowy projekt .

Skonfiguruj projekt w ten sposób:

7. Nazwa to nazwa aplikacji. W polu pod Nazwa wpisz Happy Birthday jako nazwę projektu.
8. Nazwa pakietu to nazwa używana przez system Android do jednoznacznej identyfikacji aplikacji. Zwykle jest to nazwa organizacji, a po niej nazwa aplikacji, zapisane małymi literami (w tym przypadku „com.example.happybirthday”).
9. Lokalizacja zapisu to miejsce, w którym zapisywane są wszystkie pliki związane z projektem. Zanotuj, gdzie na komputerze znajduje się ten folder, aby móc znaleźć pliki. Możesz też na razie pozostawić lokalizację zapisu bez zmian.
10. Język określa język programowania, którego chcesz używać w projekcie. Sprawdź, czy Język to Kotlin.
11. Minimalny pakiet SDK to minimalna wersja Androida, na której może działać Twoja aplikacja. Z menu wybierz API 19: Android 4.4 (KitKat).

Uwaga: istnieje wiele różnych wersji systemu operacyjnego Android, z których każda ma nazwę w kolejności alfabetycznej.

12. W sekcji Minimalny pakiet SDK znajdziesz notatkę informacyjną o tym, na ilu urządzeniach może działać Twoja aplikacja przy wybranym poziomie interfejsu API. Jeśli chcesz dowiedzieć się więcej, kliknij link Pomóż mi wybrać, aby wyświetlić listę różnych wersji Androida, jak pokazano poniżej. Następnie wróć do okna Nowy projekt.

13. W oknie Create New Project (Utwórz nowy projekt) upewnij się, że pole Use legacy android.support libraries (Użyj starszych bibliotek android.support) nie jest zaznaczone. Jeśli chcesz dowiedzieć się więcej, kliknij znak zapytania.
14. Kliknij Zakończ.

Android Studio otworzy projekt i wszystkie jego pliki.

Gdy po raz pierwszy otworzysz Androida Studio, zobaczysz 3 okna:

(1) W oknie Projekt widać pliki i foldery projektu.

(2) Okno Edytowanie służy do edytowania kodu.

(3) W oknie Co nowego wyświetlają się wiadomości i przydatne wskazówki.

W prawym dolnym rogu Android Studio pojawi się pasek postępu lub komunikat informujący, czy Android Studio nadal pracuje nad konfiguracją projektu. Na przykład:

15. Poczekaj, aż Android Studio zakończy konfigurowanie projektu. Gdy projekt zostanie ukończony, w lewym dolnym rogu pojawi się komunikat podobny do tego poniżej.

W tym zadaniu użyjesz menedżera urządzenia wirtualnego z Androidem (AVD), aby utworzyć wersję oprogramowania (emulator) urządzenia mobilnego i uruchomić ją na komputerze. Wirtualne urządzenie, czyli emulator, symuluje konfigurację określonego typu urządzenia z Androidem, np. telefonu. Może to być dowolny telefon lub tablet z wybraną wersją Androida. Następnie użyjesz urządzenia wirtualnego do uruchomienia aplikacji utworzonej za pomocą szablonu Pusta aktywność.

Uwaga: emulator Androida to niezależna aplikacja służąca do konfigurowania urządzenia wirtualnego. Ma ona własne wymagania systemowe. Urządzenia wirtualne mogą zajmować dużo miejsca na dysku. W razie problemów zapoznaj się z artykułem Uruchamianie aplikacji na emulatorze Androida.

Tworzenie wirtualnego urządzenia z Androidem (AVD)

Pierwszym krokiem do uruchomienia emulatora na komputerze jest utworzenie konfiguracji urządzenia wirtualnego.

1. Na pasku menu Android Studio wybierz Tools > AVD Manager (Narzędzia > Menedżer AVD).

Wskazówka: Menedżera AVD możesz też otworzyć, klikając jego ikonę  na pasku narzędzi.

Wyświetli się okno Twoje urządzenia wirtualne, jak pokazano poniżej. (Jeśli masz już utworzone urządzenie wirtualne, będzie ono widoczne na tej liście).

2. Kliknij + Utwórz urządzenie wirtualne.

Pojawi się okno Wybierz sprzęt.

 W oknie Wybierz sprzęt zobaczysz listę wstępnie skonfigurowanych urządzeń uporządkowanych według kategorii, z których możesz wybierać. W przypadku każdego urządzenia tabela zawiera kolumny z rozmiarem wyświetlacza (Rozmiar), rozdzielczością ekranu w pikselach (Rozdzielczość) i gęstością pikseli (Gęstość).

3. Wybierz kategorię Telefon.
4. Wybierz telefon (np. Pixel 3 XL), a następnie kliknij Dalej. Możesz wybrać dowolny telefon, ale w tym laboratorium wybierz nowsze urządzenie.

Pojawi się okno Obraz systemu. Wybierz wersję systemu Android, która ma być uruchomiona na urządzeniu wirtualnym. Dzięki temu możesz przetestować aplikację w różnych wersjach systemu Android.

5. Na karcie Rekomendowane wybierz Q jako wersję systemu Android, która ma być uruchomiona na urządzeniu wirtualnym. W momencie pisania tego artykułu była to najnowsza wersja Androida, ale możesz wybrać dowolną późniejszą wersję stabilną. Listę stabilnych wersji znajdziesz tutaj.

Uwaga: jeśli obok obrazu systemu, którego chcesz użyć, widoczny jest link Pobierz, oznacza to, że obraz nie jest zainstalowany na komputerze. Przed skonfigurowaniem urządzenia wirtualnego musisz zainstalować obraz.

Aby zainstalować obraz systemu, kliknij link Pobierz. Pamiętaj, że pobieranie może potrwać długo w zależności od połączenia internetowego. Po zakończeniu pobierania kliknij Zakończ.

Ważne: te obrazy systemu Android zajmują dużo miejsca na dysku, więc tylko kilka z nich jest częścią oryginalnej instalacji. Dostępnych jest znacznie więcej wersji systemu Android niż te, które są widoczne na karcie Zalecane. Aby je zobaczyć, otwórz karty Obrazy x86 i Inne obrazy.

5. Kliknij Dalej.

Wyświetli się okno Android Virtual Device (AVD), w którym możesz wybrać dodatkowe szczegóły konfiguracji urządzenia.

6. W polu Nazwa AVD wpisz nazwę wirtualnego urządzenia z Androidem. Pozostałe ustawienia pozostaw bez zmian.
7. Kliknij Zakończ.

Nowe urządzenie wirtualne wyświetli się w oknie Twoje urządzenie wirtualne i będzie gotowe do użycia.

8. Zamknij okno Twoje urządzenie wirtualne.

Uruchamianie aplikacji na urządzeniu wirtualnym

1. Jeśli nie jest jeszcze na pierwszym planie, przenieś Android Studio na pierwszy plan.
2. Na pasku narzędzi w Android Studio znajdź menu urządzenia wirtualnego (będzie wyglądać podobnie do przykładu poniżej), a następnie wybierz z listy utworzone urządzenie wirtualne. (Możesz też kliknąć Uruchom > Wybierz urządzenie…, a potem wybrać urządzenie wirtualne z dostępnych urządzeń w wyskakującym okienku).
3. W Android Studio wybierz Run > Run app (Uruchom > Uruchom aplikację) lub kliknij ikonę Uruchom  Uruchom aplikację albo kliknij ikonę Uruchom [ICON HERE] na pasku narzędzi. [IMAGEINFO]: ic_run.png, Android Studio Run icon" style="width: 21.56px" src="img/609c3e4473493202.png"> na pasku narzędzi.
   Wirtualne urządzenie uruchamia się i włącza tak samo jak urządzenie fizyczne. W zależności od szybkości komputera może to zająć trochę czasu.

Gdy aplikacja będzie gotowa, otworzy się na urządzeniu wirtualnym, jak pokazano poniżej.

Brawo! Urządzenie wirtualne jest już gotowe do działania. Zwróć uwagę, że tytuł to teraz „Happy Birthday”, a na ekranie wyświetla się „Hello World!”.

Podczas konfigurowania projektu Android Studio utworzyło na Twoim komputerze folder o nazwie AndroidStudioProjects, w którym będą przechowywane wszystkie projekty na Androida. W folderze AndroidStudioProjects Android Studio tworzy też folder o nazwie takiej samej jak nazwa aplikacji (w tym przypadku HappyBirthday).

Folder HappyBirthday to folder projektu. Android Studio zapisuje w folderze projektu zarówno utworzone przez Ciebie pliki, jak i pliki utworzone przez Android Studio.

1. W Android Studio spójrz na okno Project (Projekt) po lewej stronie. W oknie Projekt zobaczysz pliki i foldery projektu.

Pliki w oknie Projekt są uporządkowane tak, aby ułatwić poruszanie się między plikami projektu podczas pisania kodu. Jeśli jednak przejrzysz pliki w przeglądarce plików, np. w Finderze lub Eksploratorze Windows, zobaczysz, że hierarchia plików jest zorganizowana zupełnie inaczej.

W tym zadaniu poznasz te 2 różne widoki hierarchii folderów projektu.

2. W Android Studio w oknie Project (Projekt) wybierz Android z menu u góry po lewej stronie.

Powinna pojawić się lista plików podobna do tej:

Ten widok i organizacja plików są przydatne podczas pisania kodu do projektu.

Możesz też wyświetlić pliki tak, jakby były widoczne w przeglądarce plików, np. w Finderze (macOS) lub Eksploratorze (Windows).

3. W oknie Projekt w menu wybierz Pliki źródłowe projektu.

Zwróć uwagę, że tytuł zmieni się na nazwę folderu, w którym są przechowywane pliki projektu.

Teraz możesz przeglądać pliki tak samo jak w dowolnym eksploratorze plików.

4. Aby wrócić do poprzedniego widoku, w oknie Projekt ponownie wybierz Android.

Świetnie! Teraz możesz tworzyć i uruchamiać aplikacje na podstawie szablonów oraz znajdować pliki projektu.

• Aby utworzyć nowy projekt, uruchom Android Studio, kliknij + Start a new Android Studio project (Rozpocznij nowy projekt w Android Studio), nadaj projektowi nazwę, wybierz szablon i podaj szczegóły.
• Aby utworzyć wirtualne urządzenie z Androidem (emulator), na którym będzie można uruchomić aplikację, wybierz Narzędzia > Menedżer AVD, a następnie użyj Menedżera AVD, aby wybrać urządzenie i obraz systemu.
• Aby uruchomić aplikację na urządzeniu wirtualnym, utwórz urządzenie, wybierz je z menu na pasku narzędzi, a potem uruchom aplikację, klikając ikonę Uruchom lub ikonę Uruchom [ICON HERE] na pasku narzędzi. [IMAGEINFO]: ic_run.png, ikona Uruchom w Android Studio" style="width: 20.00px" src="img/609c3e4473493202.png"> na pasku narzędzi.
• Aby znaleźć pliki projektu, w oknie Projekt wybierz z menu Pliki źródłowe projektu.

• Meet Android Studio
• Omówienie projektów
• Tworzenie projektu
• Dodawanie kodu z szablonu
• Tworzenie i uruchamianie aplikacji
• Uruchamianie aplikacji w emulatorze Androida