Tworzenie aplikacji na platformę Android 4
-
Upload
devcastzone -
Category
Documents
-
view
112 -
download
2
description
Transcript of Tworzenie aplikacji na platformę Android 4
copyright BNS MEDIAwww.devcastzone.com
Programowanie na platformie Android 4
Materiały pochodzą ze strony:www.devcastzone.com
copyright BNS MEDIAwww.devcastzone.com
Programowanie na platformie Android 4
Wprowadzenie do tworzenia interfejsu graficznego
copyright BNS MEDIA
www.devcastzone.com
Treść modułu
Wprowadzenie do platformy Android 3
Źró
dło
: sx
c.h
u/p
hoto
/204
68
9
1. Podstawy2. Język XML opisujący layout3. Wykorzystanie Eclipse do
tworzenia interfejsu użytkownika
4. Przegląd elementów graficznych5. Rożne typy layout6. Debugowanie7. Hierarchy Viewer
copyright BNS MEDIA
www.devcastzone.com
Podstawy – 2 podejścia do UI
Wprowadzenie do platformy Android 4
Proceduralne Deklaratywne
Kod JAVA podobny do SWING lub AWT
KOD XML podobny do HTML na stronie internetowej
Oba podejścia można łączyć
Deklaratywne jest zalecane – łatwiejsze i więcej narzędzi
copyright BNS MEDIA
www.devcastzone.com
Podstawy – o czym należy pamiętać• Różnorodność urządzeń: 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 trafić• Kilka wersji layoutu w zależności od położenia
urządzenia i jego typu(tablet,smartphone)• Poprawne jednostki
Wprowadzenie do platformy Android 5
copyright BNS MEDIA
www.devcastzone.com
Podstawy - jednostki
PX (pixel) Punkt na ekranie
PT (point) 1/72 cala
DP/DIP (density-independent pixel)
Jednostka abstrakcyjna.Na ekranie z 160 dpi1px = 1dp
SP Podobnie jak dp, dodatkowo skalowany przez ustawienie rozmiaru czcionki użytkownika
Wprowadzenie do platformy Android 6
copyright BNS MEDIA
www.devcastzone.com
Język XML opisujący layout
7
<?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
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 8
copyright BNS MEDIA
www.devcastzone.com
Wykorzystanie Eclipse do tworzenia interfejsu użytkownika
Wprowadzenie do platformy Android 9
copyright BNS MEDIA
www.devcastzone.com
Przegląd elementów graficznych- Przycisk (Button)
Wprowadzenie do platformy Android 10
<Button android:layout_height="wrap_content" android:layout_width="wrap_content„ android:text="@string/hello_text"/>
copyright BNS MEDIA
www.devcastzone.com
Przegląd elementów graficznych- przypisanie akcji po wciśnięciu przycisku
Wprowadzenie do platformy Android 11
• Button button = (Button)findViewById(R.id.button_id);button.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { // Perform action on click }});
Listener JAVA
• android:onClick="nazwaMetody"
Publiczna metoda jako atrybut przycisku w XML:
copyright BNS MEDIA
www.devcastzone.com
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 12
copyright BNS MEDIA
www.devcastzone.com
Przegląd elementów graficznych- Checkbox, RadioButton
<RadioButton android:id="@+id/radio_blue" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Blue„ android:onClick="onRadioButtonClicked"/>
<CheckBox android:id="@+id/checkbox" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="check it out" android:onClick="onCheckboxClicked"/>
Wprowadzenie do platformy Android 13
copyright BNS MEDIA
www.devcastzone.com
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 34
Wprowadzenie do platformy Android 14
copyright BNS MEDIA
www.devcastzone.com
Różne typy layoutów – widoki
Wprowadzenie do platformy Android 15
ViewGroup
ViewGroup
View View View
View View
• Widoki to podstawowe jednostki z których zbudowany jest interfejs Android
• Grupa widoków (ViewGroup) może zawierać inne widoki i grupy widoków
• Domyślne widoki nazywamy Layoutami• Widoki umożliwiające interakcję z użytkownikiem jak: buttony, checkboxy, pola formularzy itp. nazywane są WIDGETAMI
copyright BNS MEDIA
www.devcastzone.com
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 16
copyright BNS MEDIA
www.devcastzone.com
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 17
copyright BNS MEDIA
www.devcastzone.com
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 18
copyright BNS MEDIA
www.devcastzone.com
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 19
copyright BNS MEDIA
www.devcastzone.com
Debugowanie
Wprowadzenie do platformy Android20
• Warto przetestować 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 wykorzystać dwa narzędzia:• Hierarchy Viewer• Layoutopt
copyright BNS MEDIA
www.devcastzone.com
Hierarchy Viewer
Wprowadzenie do platformy Android21
• Aplikacja dostarczana wraz z SDK, umożliwiającą graficzną reprezentację hierarchii interfejsu i dokładne zbadanie szczegółów widoku
Co to jest?
copyright BNS MEDIA
www.devcastzone.com
Hierarchy Viewer – uruchamianie
Wprowadzenie do platformy Android22
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 przeanalizować.
copyright BNS MEDIAwww.devcastzone.com
Tworzenie aplikacji dla Android 4 – program pełnego szkolenia
1. Wprowadzenie do platformy Android i programowania urządzeń mobilnycho Historia platformy Androido Podstawowe założeniao Dostępne wersje platformyo Telefony z Androidemo Inne platformyo Architektura platformy Androido Instalacja Eclipse IDE i wtyczki do pracy z Androidemo Środowisko programistyczne Eclipse
2. Komponenty i cykl życia aplikacjio Komponenty aplikacji Android
• Activity• Intents• Service• Content provider• Broadcast Receiver• Widget• Notification
o Cykl życia aplikacjio Zależności w aplikacji - Manifest.xmlo Zarządzanie zasobami (obrazki itd..)Wprowadzenie do platformy Android
23
copyright BNS MEDIAwww.devcastzone.com
Tworzenie aplikacji dla Android 4 – program pełnego szkolenia
3. Wprowadzenie do tworzenia interfejsu graficznegoo Podstawyo Język XML opisujący layouto Wykorzystanie Eclipse do tworzenia interfejsu użytkownikao Przegląd elementów graficznycho Rożne typy layouto Debugowanieo Hierarchy Viewer
4. Wprowadzenie do Google Maps APIo Przetwarzanie współrzędnych geograficznycho Tworzenie interaktywnej mapyo Tworzenie własnych elementów na mapieo Poszukiwanie punktów na mapieo Wykorzystanie dostępnych serwisów
Wprowadzenie do platformy Android24
copyright BNS MEDIAwww.devcastzone.com
Tworzenie aplikacji dla Android 4 – program pełnego szkolenia
5. Przechowywanie danych, SQLiteo SQLite - Wstępo Tworzenie bazy danycho Dostęp do danycho Odczytywanie danycho Manipulacja danymio Transakcjeo Schemat użycia
6. Testowanie aplikacji Androido Testy na platformie Android - Wstępo Struktura testówo Organizacja testów - projektyo APIo Uruchamianie testówo Wyniki testówo Co testować
7. Studium przypadkuo Studium przypadku programu liczącego BMIo Koncepcja / Interfejs graficznyo Proces wytwarzaniao Umieszczenie aplikacji w Google Play
Wprowadzenie do platformy Android25
copyright BNS MEDIAwww.devcastzone.com
Tworzenie aplikacji dla Android 4http://
www.devcastzone.com/course,tworzenie-aplikacji-dla-android-4
Zapraszamy
Wprowadzenie do platformy Android26