http://www.devcastzone.com/course,tworzenie-aplikacji-dla-android-4 Devcast "Tworzenie aplikacji dla Android 4" pozwala na zapoznanie się z podstawowymi elementami tworzenia aplikacji mobilnych na platformę Android firmy Google. W ramach devcastu omawiane są zagadnienia począwszy od konfiguracji i przygotowania środowiska Eclipse do pracy, przez tworzenie prostych aplikacji (omówienie dokładnej struktury aplikacji) aż po sam efekt końcowy wrzucenia aplikacji do Google Play.

1. Programowanie na platformie
Android 4
Materiały pochodzą ze strony:
www.devcastzone.com
copyright BNS MEDIA
www.devcastzone.com

2. Wprowadzenie do tworzenia
interfejsu graficznego
Programowanie na platformie Android 4
copyright BNS MEDIA
www.devcastzone.com

3. Treść modułu
1. Podstawy
2. Język XML opisujący layout
3. Wykorzystanie Eclipse do
Źródło: sxc.hu/photo/204689
tworzenia interfejsu
użytkownika
4. Przegląd elementów graficznych
5. Rożne typy layout
6. Debugowanie
7. Hierarchy Viewer
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 3

4. Podstawy – 2 podejścia do UI
Proceduralne Deklaratywne
Kod JAVA podobny do KOD XML podobny do HTML
SWING lub AWT na stronie internetowej
Oba podejścia można łączyd
Deklaratywne jest zalecane – łatwiejsze i więcej
narzędzi
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 4

5. Podstawy – o czym należy pamiętać
• Różnorodnośd urządzeo: różne rozmiary ekranów i
proporcje
• Używanie wartości pośrednich zamiast absolutnych
• Projektowanie interfejsu zgodnie z standardami
Anodroid: http://developer.android.com/design
• Duże kontrolki, aby łatwiej było w nie trafid
• Kilka wersji layoutu w zależności od położenia
urządzenia i jego typu(tablet,smartphone)
• Poprawne jednostki
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 5

6. Podstawy - jednostki
PX (pixel) Punkt na ekranie
PT (point) 1/72 cala
DP/DIP (density-independent Jednostka abstrakcyjna.
pixel) Na ekranie z 160 dpi
1px = 1dp
SP Podobnie jak dp, dodatkowo
skalowany przez ustawienie
rozmiaru czcionki użytkownika
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 6

7. Język XML opisujący layout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello, I am a TextView" />
<Button android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello, I am a Button" />
</LinearLayout>
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 7

8. Język XML – ustawienie layoutu dla
aktywności
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);
}
XML
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 8

9. Wykorzystanie Eclipse do tworzenia interfejsu
użytkownika
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 9

10. Przegląd elementów graficznych
- Przycisk (Button)
<Button
android:layout_height="wrap_content"
android:layout_width="wrap_content„
android:text="@string/hello_text"/>
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 10

11. Przegląd elementów graficznych
- przypisanie akcji po wciśnięciu przycisku
Listener JAVA
• Button button = (Button)findViewById(R.id.button_id);
button.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// Perform action on click
}
});
Publiczna metoda jako atrybut przycisku w XML:
• android:onClick="nazwaMetody"
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 11

12. Przegląd elementów graficznych
- Pole tekstowe formularza (EditText)
<EditText
android:id="@+id/editText1"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</EditText>
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 12

13. Przegląd elementów graficznych
- Checkbox, RadioButton
<CheckBox
android:id="@+id/checkbox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="check it out"
android:onClick="onCheckboxClicked"/>
<RadioButton
android:id="@+id/radio_blue"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Blue„
android:onClick="onRadioButtonClicked"/>
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 13

14. Przegląd elementów graficznych
- RatingBar
<RatingBar
android:id="@+id/ratingbar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:stepSize="1.0"/>
5 3
4
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 14

15. Różne typy layoutów – widoki
• Widoki to podstawowe jednostki z których zbudowany jest
interfejs Android
• Grupa widoków (ViewGroup) może zawierad inne widoki i grupy
widoków
• Domyślne widoki nazywamy Layoutami
• Widoki umożliwiające interakcję ViewGroup
z użytkownikiem jak: buttony,
checkboxy, pola formularzy itp.
nazywane są WIDGETAMI ViewGroup View View
View View View
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 15

16. Różne typy layoutów – LinearLayout
<LinearLayout
xmlns:android="http://schemas.android.
com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
</LinearLayout>
Typy:
- vertical
- horizontal
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 16

17. Różne typy layoutów – RelativeLayout
<RelativeLayout
xmlns:android="http://schemas.android.
com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
</RelativeLayout>
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 17

18. Różne typy layoutów – TableLayout
<TableLayout
xmlns:android="http://schemas.android.
com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1">
</TableLayout>
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 18

19. Różne typy layoutów – GridView
<GridView
xmlns:android="http://schemas.android.
com/apk/res/android"
android:id="@+id/gridview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:columnWidth="90dp"
android:numColumns="auto_fit"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:stretchMode="columnWidth"
android:gravity="center"
/>
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 19

20. Debugowanie
• Warto przetestowad wygląd interfejsu na
różnych rozmiarach ekranu przy pomocy
narzędzia Graphical Layout w Eclipse oraz w
emulatorze
• Do przedstawienia hierarchii interfejsu można
wykorzystad dwa narzędzia:
• Hierarchy Viewer
• Layoutopt
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 20

21. Hierarchy Viewer
Co to jest?
• Aplikacja dostarczana wraz z SDK, umożliwiającą graficzną reprezentację
hierarchii interfejsu i dokładne zbadanie szczegółów widoku
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 21

22. Hierarchy Viewer – uruchamianie
1. Podłącz urządzenie do
komputera lub włącz
emulator.
2. Uruchom
hierarchyviewer z
folderu /tools w SDK.
3. Wybierz odpowiednie
urządzenie z listy.
4. Wybierz okno którego
interfejs chcesz
przeanalizowad.
Wprowadzenie do platformy Android
copyright BNS
MEDIA
www.devcastzone.com 22

23. Tworzenie aplikacji dla Android 4 – program pełnego
szkolenia
1. Wprowadzenie do platformy Android i programowania urządzeo mobilnych
o Historia platformy Android
o Podstawowe założenia
o Dostępne wersje platformy
o Telefony z Androidem
o Inne platformy
o Architektura platformy Android
o Instalacja Eclipse IDE i wtyczki do pracy z Androidem
o Środowisko programistyczne Eclipse
2. Komponenty i cykl życia aplikacji
o Komponenty aplikacji Android
• Activity
• Intents
• Service
• Content provider
• Broadcast Receiver
• Widget
• Notification
o Cykl życia aplikacji
o Zależności w aplikacji - Manifest.xml
o Zarządzanie zasobami (obrazki itd..)
Wprowadzenie do platformy Android
copyright BNS MEDIA
www.devcastzone.com 23

24. Tworzenie aplikacji dla Android 4 – program pełnego
szkolenia
3. Wprowadzenie do tworzenia interfejsu graficznego
o Podstawy
o Język XML opisujący layout
o Wykorzystanie Eclipse do tworzenia interfejsu użytkownika
o Przegląd elementów graficznych
o Rożne typy layout
o Debugowanie
o Hierarchy Viewer
4. Wprowadzenie do Google Maps API
o Przetwarzanie współrzędnych geograficznych
o Tworzenie interaktywnej mapy
o Tworzenie własnych elementów na mapie
o Poszukiwanie punktów na mapie
o Wykorzystanie dostępnych serwisów
Wprowadzenie do platformy Android
copyright BNS MEDIA
www.devcastzone.com 24

25. Tworzenie aplikacji dla Android 4 – program pełnego
szkolenia
5. Przechowywanie danych, SQLite
o SQLite - Wstęp
o Tworzenie bazy danych
o Dostęp do danych
o Odczytywanie danych
o Manipulacja danymi
o Transakcje
o Schemat użycia
6. Testowanie aplikacji Android
o Testy na platformie Android - Wstęp
o Struktura testów
o Organizacja testów - projekty
o API
o Uruchamianie testów
o Wyniki testów
o Co testowad
7. Studium przypadku
o Studium przypadku programu liczącego BMI
o Koncepcja / Interfejs graficzny
o Proces wytwarzania
o Umieszczenie aplikacji w Google Play
Wprowadzenie do platformy Android
copyright BNS MEDIA
www.devcastzone.com 25

26. Tworzenie aplikacji dla Android 4
http://www.devcastzone.com/course,tworzenie-aplikacji-dla-
android-4
Zapraszamy
Wprowadzenie do platformy Android
copyright BNS MEDIA
www.devcastzone.com 26