(c) Miroslav Balík, Ondřej Kroupa, Martin Pelant 11/29/ přednáška. Android projekt. Manifest. Activity. Uživatelské rozhraní (základy)

Transkript

1

2 2. přednáška Android projekt Manifest Activity Uživatelské rozhraní (základy) 2

3

4 Android Projekt - src Zdrojový kód v Javě Unikátní jméno balíčku Konvence: [země].[autor].[jméno aplikace] např.: cz.cvut.helloworld 4

5 5 Android Projekt - res Konfigurace přípony upřesnění Jazyk -en -cs Velikost obrazovky -small -normal -large -xlarge Rozlišení obrazovky -ldpi -mdpi -hdpi -xhdpi -nodpi 120dpi 160dpi 240dpi 320dpi Pro bitmapy, které se nebudou roztahovat Orientace zařízení -land -port Poloha na šířku Poloha na výšku API level -v11 -v10 -v9 Pro Android 3.0 a vyšší Pro Android a vyšší Pro Android 2.3 a vyšší

6 Android Projekt - res místo pro uložení zdrojů generované ID ve statické třídě R přístup přes Context.getResources() např.: String s = getresources().getstring(r.string.app_name); Obsah složek: drawable - grafika aplikace (.png,.9.png,.jpg,.gif nebo XML) layout - XML soubory s uživatelským rozhraním values - XML s definovanými hodnoty (řetězce,čísla,styly,barvy) menu - XML s položkami menu xml - libovolné XML raw - libovolné soubory 6

7 Android Projekt - assets Nezávislé zdroje Android negeneruje ID obsahu této složky Přístup přes Context.getAssets(); např.: InputStream is = getassets().open("folder/sample.txt"); 7

8 AndroidManifest Specifikuje parametry aplikace Komponenty (Activity) Systémová práva (internetové připojení, GPS ) Informace o aplikaci Ikona Jméno a verze Požadovaná verze Androida Jaké velikosti displejů podporuje Umístění aplikace (vnítřní paměť telefonu, paměťová karta) 8

9 9 Příklad AndroidManifest.xml 1. <?xml version="1.0" encoding="utf-8"?> 2. <manifest 3. xmlns:android=" 4. package="cz.cvut.hello.world" 5. android:versioncode="5" 6. android:versionname="1.4"> 7. <application> 8. <activity 9. android:name=".mainactivity" 10. android:label="hello world"> 11. <intent-filter> 12. <action 13. android:name="android.intent.action.main" /> 14. <category 15. android:name="android.intent.category.launcher" /> 16. </intent-filter> 17. </activity> 18. </application> 19. <uses-sdk 20. android:minsdkversion="7" 21. android:targetsdkversion="10" /> 22. <supports-screens 23. android:smallscreens="true" 24. android:xlargescreens="false" 25. android:anydensity="true" /> 26. <uses-permission 27. android:name="android.permission.internet" /> 28.</manifest>

10 Grafické komponenty (widgety) Slouží k interakci s uživatelem Výška a šířka se nastavuje pomocí match_parent Roztáhne se přes celou velikost rodiče wrap_content Přizpůsobí svou velikost podle obsahu Nejpoužívanější widgety: Button CheckBox RadioButton TextView EditText ImageView ListView WebView 10

11 <Button android:text="button" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <CheckBox android:text="checkbox" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <RadioButton android:text="radiobutton" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:text="textview" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <EditText android:text="edittext" android:layout_height="wrap_content" android:layout_width="match_parent" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" /> <ListView android:layout_width="wrap_content" android:layout_height="fill_parent" /> 11

12 Layouty (rozvržení) Kontejner pro widgety a jiné layouty Vychází z java.awt layoutů XML soubory umístěny ve složce res/layout Nastavení šířky a výšky stejné jako u widgetů Typy: FrameLayout LinearLayout RelativeLayout TableLayout 12

13

14 Složitější LinearLayout 1. <?xml version="1.0" encoding="utf-8"?> 2. <LinearLayout xmlns:android=" android:layout_width="fill_parent" 4. android:layout_height="fill_parent" 5. android:orientation="vertical" 6. android:gravity="center" 7. android:layout_gravity="center"> 8. <LinearLayout android:orientation="horizontal" 9. android:layout_width="fill_parent" 10. android:layout_height="wrap_content" 11. android:layout_margin="15dp"> 12. <Button android:text="hello" 13. android:layout_width="fill_parent" 14. android:layout_height="wrap_content" 15. android:layout_weight="1" /> 16. <Button android:text="world" 17. android:layout_width="fill_parent" 18. android:layout_height="wrap_content" 19. android:layout_weight="3" /> 20. </LinearLayout> 21. <ImageView 22. android:layout_width="wrap_content" 23. android:layout_height="wrap_content" 24. /> 25. </LinearLayout> 3. 14

15 15 Activity Prezentační vrstva jednoho okna aplikace Vytváří se podědením od objektu Activity Každá je samostaný proces Mohou se navzájem spouštět a ovlivňovat Každá musí být definována v AndroidManifestu Ukládájí se do zásobníku v rámci aplikace Pozn.: Při změně orientace se aktivita znovu vytvoří - znovu se zavolá metoda oncreate()

16 16 Hello World Ve složce res/layout vytvoříme soubor main.xml s layoutem, textem a dvěma tlačítky 1. <?xml version="1.0" encoding="utf-8"?> 2. <LinearLayout 3. xmlns:android=" 4. android:orientation="vertical" 5. android:layout_width="fill_parent" 6. android:layout_height="fill_parent"> <TextView 9. android:id="@+id/mytextview" 10. android:layout_width="wrap_content" 11. android:layout_height="wrap_content" 12. android:textsize="50sp" /> 13. <Button 14. android:text="click me" 15. android:id="@+id/mybutton" 16. android:layout_width="wrap_content" 17. android:layout_height="wrap_content" /> </LinearLayout>

17 17 Vytvoření actvity MainActivity.java: 1. public class MainActivity extends Activity { 3. public void oncreate(bundle savedinstancestate) { 4. super.oncreate(savedinstancestate); 5. setcontentview(r.layout.main); 6. } A7.nezapomeneme zavést v AndroiManifest.xml: } cz.cvut.hello.world.mainactivity.java 1. <activity 2. android:name=".mainactivity" 3. android:label="@string/app_name"> 4. </activity>

18 18 Ikonka v app launcheru Pro přidání ikonky do app launcheru je zapotřebí přidat příslušný intent-filter 1. <activity 2. android:name=".mainactivity" 3. android:label="fit Checker" 4. <intent-filter> 5. <action 6. android:name="android.intent.action.main" /> 7. <category 8. android:name="android.intent.category.launcher" /> 9. </intent-filter> 10.</activity>

19 19 MainActivity.java Nastavíme activitě layout res/layout/main.xml setcontentview(r.layout.main); Získáme reference na widgety, s kterými chceme pracovat TextView mytextview = (TextView) findviewbyid(r.id.mytextview); Button mybutton = (Button) findviewbyid(r.id.mybutton);

20 20 Nastavení události Změna textu v TextView: mytextview.settext("hello World"); Nastavíme tlačítku událost (View.OnClickListener) 1. mybutton.setonclicklistener(new View.OnClickListener() { 3. public void onclick(view v) { 4. mytextview.settext("android FTW!!!"); 5. mybutton.setvisibility(view.invisible); 6. } 7. });

21 21 Activity interakce s widgety MainActivity.java 1. public class MainActivity extends Activity { 2. private TextView mytextview; 3. private Button mybutton; public void oncreate(bundle savedinstancestate) { 7. super.oncreate(savedinstancestate); 8. setcontentview(r.layout.main); 9. mytextview = (TextView) findviewbyid(r.id.mytextview); 10. mybutton = (Button) findviewbyid(r.id.mybutton); 11. mytextview.settext("hello World"); 12. mybutton.setonclicklistener(new OnClickListener() { 14. public void onclick(view v) { 15. mytextview.settext("android FTW!!!"); 16. mybutton.setvisibility(view.invisible); 17. } 18. }); 19. } 20. }

22 Activity interakce s widgety Click 22

23 23 Log android.util.log Základní debugovací nástroj Typy ASSERT DEBUG ERROR INFO VERBOSE WARN Při release buildu by se mělo odstranit použití VERBOSE logu Výpis logu na v příkazové řádce na PC adb logcat Je nutné mít povolené Ladění USB Konvence: private static final String TAG = "MyActivity"; Log.v(TAG, "index=" + i);