Programowanie urządzeń mobilnych. dr inż. Juliusz Mikoda

Transkrypt

1 Programowanie urządzeń mobilnych dr inż. Juliusz Mikoda

2 Instalacja środowiska 1 Wymagane składniki środowiska Eclipse wersja 3.4 (Ganymede) lub 3.5 (Galileo classic) Zainstalowany wtyczka ADT (Android Development Tools) Android SDK (Software Developer Kit)

3 Instalacja środowiska 2 Instalacja ADT Po uruchomieniu eclipsa należy wybrać z menu: Help Install New Software Następnie Add... (np.: Nazwa: dowolna Android) Location: eclipse/ Zatwierdzenie: OK

4 Instalacja środowiska 3 Instalacja ADT Po załadowaniu dostępnych pakietów należy wybrać: Android DDMS Android Development Tools Następnie Next Po zaakceptowaniu licencji Finish

5 Instalacja środowiska 4 Instalacja SDK Wskazanie ścieżki roboczej SDK: Windows: W ustawieniach systemowych (prawy przycisk na: Mój komputer i Właściwości) w zakładce Zaawansowane pod przyciskiem zmienne środowiskowe należy dopisać do zmiennej PATH: ;<katalog_sdk>/tools Linux: export PATH=${PATH}:<katalog_SDK>/ tools Można wprowadzić w pliku.bash_profile lub.bashrc

6 Instalacja środowiska 5 Konfiguracja ADT i SDK Menu: Window Preferences opcja Android należy ustawić ścieżkę SDK Location według miejsca instalacji SDK (bez /tools) Menu: Window Android SDK and AVD Manager: Instalacja bibliotek androida Available Packages Tworzenie wirtualnych urządzeń Virtual Devices

7 Instalacja środowiska 6

8 Instalacja środowiska 7

9 Pierwszy program File New Projekt Android Android Project Next

10 Pierwszy program

11 Pierwszy program konstrukcja Zawartość utworzonego projektu: src katalog pakietów kodu programu gen dane generowane przez kompilator na podstawie zasobów assest dodatki katalog plików niekompilowalnych res zasoby AndroidManifest.xml plik konfiguracyjny Aplikacji android

12 Pierwszy program zasoby res value łańcuchy tekstowe definicje kolorów, elementów rysowanych definicja rozmiarów definicja styli definicja tablic tekstowych / liczbowych

13 Pierwszy program układ <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android =" android:layout_width="fill_parent android:layout_height="fill_parent android:orientation="vertical" > <TextView android:layout_height="wrap_content" android:layout_width="wrap_content /> </LinearLayout> Elementy pozycjonujące TableLayout LinearLayout RelativeLayout AbsoluteLayout FrameLayout Kontrolki TextView EditText Button AnalogClock DigitalClock

14 Pierwszy program R.java public final class R { public static final class attr { } public static final class drawable { public static final int icon=0x7f020000; } public static final class layout { } public static final int main=0x7f030000; } public static final class string { public static final int app_name=0x7f040001; public static final int hello=0x7f040000; }

15 Pierwszy program Start package pl.example.android.helloandroid; import android.app.activity; import android.os.bundle; public class HelloAndroid extends Activity { /** Called when the activity is first created. public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); } }

16 Tworzenie wyglądu okna

17 Układ okna LinearLayout <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:layout_width="fill_parent android:layout_height="fill_parent android:orientation="vertical" >. </LinearLayout> Rozmieszczenie elementów podrzędnych w poziomie i w pionie android:layout_width="fill_parent" pełne wypełnienie elementu nadrzędnego android:layout_height="wrap_conten" dopasowane wypełnienie elementu nadrzędnego 10px android:orientation="vertical" kierunek układania elementów android:layout_gravity="center_horizontal" położenie komponentu na oknie android:gravity="center_horizontal" położenie tekstu w komponencie (EditText)

18 Układ okna TableLayout Rozmieszczenie elementów podrzędnych w postaci tabeli android:collapsecolumns liczba elementów w kolejnych wierszach android:stretchcolumns="0,1,2" równomierne rozciągnięcie kolumn Element zml a <TableRow>... </ TableRow> określa jeden wiersz rozmieszczenia na ekranie

19 Układ okna TableLayout <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android=" android:layout_height="wrap_content" android:layout_width="fill_parent"> <EditText android:text="bez Row" /> <TableRow> <TextView android:text="nazwisko" /> <EditText android:text="n1" /> <EditText android:text="n2" /> </TableRow> <TableRow> <TextView android:text="pesel" /> <EditText android:text="text" /> </TableRow> <TableRow> <EditText android:text="n1" android:layout_height="150px"/> <EditText android:text="n2" /> <EditText android:text="n3" android:layout_gravity="bottom"/> <EditText android:text="n4" /> <EditText android:text="n5" /> </TableRow> </TableLayout>

20 Układ okna RelativeLayout Rozmieszczenie elementów podrzędnych względem innych elementów lub układu nadrzędnego <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=" res/android" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_margintop="10px" android:layout_marginleft="10px" android:text="wprowadź tekst:" /> <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_margin="10px" />

21 Układ okna RelativeLayout <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentright="true" android:layout_marginleft="10px" android:layout_marginright="10px" android:text="wycofaj" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="zapisz" /> </RelativeLayout> Id elementu: android:layout_above android:layout_alignbaseline android:layout_alignbottom android:layout_alignleft android:layout_alignright android:layout_aligntop android:layout_below android:layout_toleftof android:layout_torightof Wartość boolean: android:layout_alignparentbottom android:layout_alignparentleft android:layout_alignparentright android:layout_alignparenttop android:layout_alignwithparentifmissing android:layout_centerhorizontal android:layout_centerinparent android:layout_centervertical

22 Układ okna FrameLayout Pozwala wyświetlić elementy, gdzie dla każdego elementu bazą będzie lewy, górny róg ekranu. <FrameLayout android:layout_width="fill_parent android:layout_height="fill_parent"> <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:scaletype="center" android:src /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity ="center_horizontal bottom" android:layout_marginbottom="20dip" android:padding="12dip" android:background="#aa000000" android:textcolor="#ffffffff" android:text="golden Gate" /> </FrameLayout>

23 Układ okna AbsoluteLayout Pozwala wyświetlić elementy w określonych współrzędnych ekranu. Elementy mogą zachodzić na siebie. <?xml version="1.0" encoding="utf-8"?> <AbsoluteLayout xmlns:android =" schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content"> <EditText android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_x="20px" android:layout_y="20px" android:text="20x20" /> <EditText android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_y="80px" android:layout_x="40px" android:text="40x80" /> <EditText android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_x="60px" android:layout_y="50px" android:text="60x50" /> </AbsoluteLayout>

24 Kontrolki TextView Kontrolka TextView pozwala na wyświetlanie tekstu lecz nie zezwala na jego edycję. <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="wprowadzony tekst" /> Przydatne atrybuty: android:text android:textcolor android:textsize android:textstyle android:typeface android:gravity android:background android:layout_height android:layout_width android:layout_margin android:layout_marginbottom android:layout_marginleft android:layout_marginright android:layout_margintop

25 Kontrolki EditText Kontrolka EditText pozwala na pobranie i edycję tekstu przez użytkownika. <EditText android:layout_height="wrap_content" android:layout_width="fill_parent" /> Przydatne atrybuty: android:password android:phonenumber android:numeric android:capitalize android:inputtype="textpassword" Metody: Editable gettext() settext(charsequence text, TextView.BufferType type)

26 Kontrolki Button Kontrolka Button pozwala na umieszczenie przycisku na ekranie urządzenia. <Button android:text="przycisk 1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="10px" /> Obsługa naciśnięcia przycisku: public class MainActivity extends Activity { protected void oncreate(bundle icicle) { super.oncreate(icicle); setcontentview(r.layout.main); final Button button = (Button) findviewbyid(r.id.button01); button.setonclicklistener(new View.OnClickListener() { public void onclick(view v) { // action on click } }); } } Lub <Button android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="@string/self_destruct" android:onclick="selfdestruct" /> public void selfdestruct(view view) { // action on click }