MFF Android 2 5.12.2012

Android 2Ondra ZahradníkMFF - 5.12.2012

Wednesday, December 5, 2012

Agenda


Agenda

1. Rekapitulace z minula


Agenda


2. BroadcastReceiver


Agenda



3. Podpora různých zařízení


Agenda




4. Dynamické UI pomocí fragmentů


Agenda





5. Přestávka


Agenda





5. Přestávka

6. Architektura typické aplikace


Agenda





5. Přestávka

6. Architektura typické aplikace

7. Otázky a odpovědi


House-keeping notes

• slajdy - http://goo.gl/2siyO

• zdroje - http://goo.gl/HqMIs

• vaše otázky


http://goo.gl/HqMIs

http://goo.gl/HqMIs

Rekapitulace z minula

1. Android SDK

2. Eclipse + ADT

3. Emulátor / device

4. Založení nového projektu

5. Struktura Android projektu

6. Activity, layout, Intent = UI

7. Kompilace a spuštění

8. Debugging


Broadcasty


Broadcasty

• Aplikace reaguje na důležité události


Broadcasty


• Boot, SMS, Call, připojení, čas...


Broadcasty



• BroadcastReceiver


Broadcasty



• BroadcastReceiver<receiver android:name=".SMSReceiver">

<intent-filter > <action android:name="android.provider.Telephony.SMS_RECEIVED" />

</intent-filter></receiver>


Broadcasty



• BroadcastReceiver<receiver android:name=".SMSReceiver">

<intent-filter > <action android:name="android.provider.Telephony.SMS_RECEIVED" />

</intent-filter></receiver>

public class SMSReceiver extends BroadcastReceiver { @Override public void onReceive(Context ctx, Intent i) { //TODO do something }}


Broadcasty




• Možno definovat vlastní

<receiver android:name=".SMSReceiver"><intent-filter > <action android:name="android.provider.Telephony.SMS_RECEIVED" />

</intent-filter></receiver> public class SMSReceiver extends BroadcastReceiver {

@Override public void onReceive(Context ctx, Intent i) { //TODO do something }}


Broadcasty





• globální





Broadcasty





• globální• lokální - notifikační systém uvnitř appky, levné





Příklad


Příklad

• Vypište číslo a text příchozí sms v toastu


Příklad


• Toast - http://goo.gl/WoTk


http://goo.gl/WoTk

http://goo.gl/WoTk

Příklad


• Toast - http://goo.gl/WoTk• Oprávnění android.permission.RECEIVE_SMS


http://goo.gl/WoTk

http://goo.gl/WoTk

Příklad


• Toast - http://goo.gl/WoTk• Oprávnění android.permission.RECEIVE_SMS• SMS Intent - extra “pdus” seznam smsek


http://goo.gl/WoTk

http://goo.gl/WoTk

Příklad


• Toast - http://goo.gl/WoTk• Oprávnění android.permission.RECEIVE_SMS• SMS Intent - extra “pdus” seznam smsek• SmsMessage.createFromPdu


http://goo.gl/WoTk

http://goo.gl/WoTk

Příklad



• SMS lze posílat z DDMS do emulátoru


http://goo.gl/WoTk

http://goo.gl/WoTk

Příklad



• SMS lze posílat z DDMS do emulátoru

• zdrojáky - mff-android-hello


http://goo.gl/WoTk

http://goo.gl/WoTk

Zdroje a kvalifikátory



• Zdroje



• Zdroje

• texty, obrázky, layout, barvy,...



• Zdroje


MyProject/ src/ MyActivity.java res/ drawable/ icon.png layout/ main.xml info.xml values/ strings.xml



• Zdroje


• Kvalifikátory• jazyk (en_rUS, cs, ...)




• Zdroje



• nejmenší šířka (sw720dp)




• Zdroje




• velikost obrazovky (small, normal, large, xlarge)




• Zdroje





• orientace (land, port)




• Zdroje






• hustota (ldpi, mdpi, hdpi, xhdpi)




• Zdroje






• hustota (ldpi, mdpi, hdpi, xhdpi)

• layout, layout-land, layout-land-v13

• drawable, drawable-hdpi, drawable-xhdpi


res/ drawable/ icon.png background.png drawable-hdpi/ icon.png background.png


Resource resolving


Resource resolving


Resource resolving

drawable/drawable-en/drawable-fr-rCA/drawable-en-port/drawable-en-notouch-12key/drawable-port-ldpi/drawable-port-notouch-12key/


Resource resolving


Locale = en-GB Screen orientation = port Screen pixel density = hdpi Touchscreen type = notouch Primary text input method = 12key


Resource resolving





Resource resolving




drawable/drawable-en/drawable-en-port/drawable-en-notouch-12key/drawable-port-ldpi/drawable-port-notouch-12key/


Resource resolving




drawable/drawable-en/drawable-en-port/drawable-en-notouch-12key/drawable-port-ldpi/drawable-port-notouch-12key/

drawable-en/drawable-en-port/drawable-en-notouch-12key/


Různé obrazovky


• obrazovky small, normal, large, xlarge

Různé obrazovky



• wrap_content, match_parent • RelativeLayout

Různé obrazovky



• wrap_content, match_parent • RelativeLayout• 9-patch

Různé obrazovky




Různé obrazovky




Různé obrazovky


Různé hustoty


Různé hustoty


Různé hustoty


Různé hustoty


• hustoty ldpi, mdpi, hdpi, xhdpi

Různé hustoty



Různé hustoty



Různé hustoty

• xhdpi: 2.0• hdpi: 1.5• mdpi: 1.0 (baseline)• ldpi: 0.75



Různé hustoty


MyProject/ res/ drawable-xhdpi/ awesomeimage.png drawable-hdpi/ awesomeimage.png drawable-mdpi/ awesomeimage.png drawable-ldpi/ awesomeimage.png



• dp = density independent pixel

Různé hustoty


MyProject/ res/ drawable-xhdpi/ awesomeimage.png drawable-hdpi/ awesomeimage.png drawable-mdpi/ awesomeimage.png drawable-ldpi/ awesomeimage.png


Podpora různých verzí



• Na trhu Android v2.1 - v4.0.3


<manifest xmlns:android="http://schemas.android.com/apk/res/android" ... > <uses-sdk android:minSdkVersion="4" android:targetSdkVersion="15" /> ...</manifest>



• Nastavit minSdkVersion a targetSdkVersion




• Nastavit minSdkVersion a targetSdkVersion

• Kontrolovat verzi APIprivate void setUpActionBar() { // Make sure we're running on Honeycomb or higher to use ActionBar APIs if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { ActionBar actionBar = getActionBar(); actionBar.setDisplayHomeAsUpEnabled(true); }}


Příklad

• Rozšiřte příklad jednoduché kalkulačky o podporu češtiny a landscape režimu

• zdrojáky, ze kterých lze vyjít

• mff-android-hello

• dokumentace

• http://goo.gl/RKihT


http://goo.gl/RKihT

http://goo.gl/RKihT

Různá zařízení


Různá zařízení

• deklarativně podadresáři v /res


Různá zařízení


• defaultní a alternativní


Různá zařízení



dvě zařízeníjeden layout


Různá zařízení



dvě zařízeníjeden layout

jedno zařízenídva layouty


Dynamické UI pomocí fragmentů

• Fragment je kus funkčního UI

• Aktivita hostí fragmenty

• Jedna aplikace pro telefon i tablet


Fragment


Fragment


Fragment

Fragment a jeho UIpublic class ArticleFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment return inflater.inflate(R.layout.article_view, container, false); }}


Fragment

Fragment a jeho UI

Layout

public class ArticleFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment return inflater.inflate(R.layout.article_view, container, false); }}

<fragment android:name="com.example.android.fragments.ArticleFragment" android:id="@+id/article_fragment" android:layout_weight="2" android:layout_width="0dp" android:layout_height="match_parent" />


Fragment

Fragment a jeho UI

Layout

Instance

public class ArticleFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment return inflater.inflate(R.layout.article_view, container, false); }}

<fragment android:name="com.example.android.fragments.ArticleFragment" android:id="@+id/article_fragment" android:layout_weight="2" android:layout_width="0dp" android:layout_height="match_parent" />

public class MainActivity extends FragmentActivity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.news_articles); }}


Fragmenty na telefonu a tabletu





<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/frags">  <fragment class="com.example.android.TitlesFragment" android:id="@+id/list_frag" android:layout_width="@dimen/titles_size" android:layout_height="match_parent"/>  <fragment class="com.example.android.DetailsFragment" android:id="@+id/details_frag" android:layout_width="match_parent" android:layout_height="match_parent" /></LinearLayout>



<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">  <fragment class="com.example.android.TitlesFragment" android:id="@+id/list_frag" android:layout_width="match_parent" android:layout_height="match_parent"/></FrameLayout>



public class MainActivity extends Activity implements TitlesFragment.OnItemSelectedListener { public void onItemSelected(int position) { DisplayFragment displayFrag = (DisplayFragment) getFragmentManager() .findFragmentById(R.id.display_frag); if (displayFrag == null) { // DisplayFragment (Fragment B) is not in the layout (handset layout), // so start DisplayActivity (Activity B) // and pass it the info about the selected item Intent intent = new Intent(this, DisplayActivity.class); intent.putExtra("position", position); startActivity(intent); } else { // DisplayFragment (Fragment B) is in the layout (tablet layout), // so tell the fragment to update displayFrag.updateContent(position); } }}


Komunikace mezi fragmenty





• FragmentA definuje Listener interface




• Activity interface implementuje




• Activity interface implementuje

• FragmentA volá callback onItemSelected(...)


Nové API na starých Androidech

• support lib. zpřístupňuje nové api pro staré devices

• Fragment, Loader

• ViewPager, accessibility, NotificationBuilder,...

• ActionBarSherlock

• Animations

import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;...


Příklad

• do seznamu přidejte možnost změnit položku

• změnu potvrďte FragmentDialogem

• zdrojáky

• http://goo.gl/NmK4o

• dokumentace

• http://goo.gl/tuZwX• http://goo.gl/bK5GQ


http://goo.gl/NmK4o

http://goo.gl/NmK4o

http://goo.gl/tuZwX

http://goo.gl/tuZwX

http://goo.gl/bK5GQ

http://goo.gl/bK5GQ

Přestávka


Motivace -rychlé appky



• Nechceme čekat, když čekáme




• Chceme rychlé appky





1.síťovat, když se nikdo nedívá






2.provádět akce okamžitě






2.provádět akce okamžitě

3.prioritizovat tasky


Příklad - Corkbin pro iOS a Android






















Omezený programovací model



• Slabý procesor



• Slabý procesor

• Opravdový multi-tasking



• Slabý procesor


• “Application not responding” aka. ANR



• Slabý procesor



• Aktualizace UI pouze v ui threadu



• Slabý procesor



• Aktualizace UI pouze v ui threadu

• UI žije jenom chvíli


Architektura typické aplikace 1

• Zobraz seznam položek z databáze




ListFragment




ListFragment DBčte data





sql





sql

UI





sql

UI Model


Databáze


Databáze

• SQLite v3 databáze


Databáze


• SQLiteOpenHelper


Databáze



• stará se o life-cycle databáze


Databáze



• stará se o life-cycle databáze• callbacky pro vytvoření a upgrade


Databáze




• onCreate() a onUpgrade()


Databáze





• zpřístupňuje interface databáze


Databáze





• zpřístupňuje interface databáze• getWritableDatabase()


Databáze






• db.query(), db.insert (), db.update (), db.delete ()


Databáze






• db.query(), db.insert (), db.update (), db.delete ()

• db.beginTransaction(), db.setTransactionSuccessful(), db.endTransaction()


Cursor


Cursor

• zpřístupňuje řádky výsledku db.query()


Cursor


• metody pro pohyb


Cursor


• metody pro pohyb• moveToFirst(), moveToNext(), getCount()


Cursor



• metody pro čtení


Cursor



• metody pro čtení• getColumnIndex(String columnName)


Cursor




• getString(int columnIndex), ...


Cursor





• db.query(table, columns, selection, selectionArgs,........)


Cursor





• db.query(table, columns, selection, selectionArgs,........)

• SimpleCursorAdapter, CursorAdapter


Příklad

1. prozkoumejte DatabaseHelper2. v MainFragment zobrazte seznam knizek v DB

1. hint: použijte Cursor a SimpleCursorAdapter

• zdrojáky

• mff-android-1

• dokumentace

• http://goo.gl/eme2a







ListFragment




ListFragment

ContentProvider

poskytuje data




ListFragment

ContentProvider

poskytuje data uri




ListFragment

ContentProvider

poskytuje data

DBčte data

uri

sql




ListFragment

ContentProvider

poskytuje data

DBčte data

uri

sql

UI




ListFragment

ContentProvider

poskytuje data

DBčte data

uri

sql

UI

Model




ListFragment

ContentProvider

poskytuje data

DBčte data

uri

sql

UI

Model

Boilerplate


ContentProvider


ContentProvider

• Jednotné API pro přístup k modelu


ContentProvider


• Zapouzdřuje CRUD operace nad databází


ContentProvider



• REST-like api a systém URI


ContentProvider




• Řeší synchronizaci


ContentProvider




• Řeší synchronizaci

• Poskytuje data jiným aplikacím


Příklad

1. prozkoumejte komunikaci provideru a databáze2. v Provider naimplementujte query operaci3. v MainFragment načtěte data přes provider

• zdrojáky

• mff-android-2

• dokumentace

• http://goo.gl/EFKK7


http://goo.gl/tuZwX

http://goo.gl/tuZwX






ListFragment




ListFragment

CursorLoader

načítání dat




ListFragment

CursorLoader

načítání dat callbacky




ListFragment

ContentProvider

poskytuje data

CursorLoader





ListFragment

ContentProvider

poskytuje data

CursorLoader


uri




ListFragment

ContentProvider

poskytuje data

CursorLoader

načítání dat

DBčte data

callbacky

uri




ListFragment

ContentProvider

poskytuje data

CursorLoader

načítání dat

DBčte data

callbacky

uri

sql




ListFragment

ContentProvider

poskytuje data

CursorLoader

načítání dat

DBčte data

callbacky

uri

sql

UI




ListFragment

ContentProvider

poskytuje data

CursorLoader

načítání dat

DBčte data

callbacky

uri

sql

UI

Model




ListFragment

ContentProvider

poskytuje data

CursorLoader

načítání dat

DBčte data

callbacky

uri

sql

UI

Model

Boilerplate


Asynchroní operace


Asynchroní operace

• Omezený programovací model


Asynchroní operace

• Omezený programovací model• slabý procesor


Asynchroní operace

• Omezený programovací model• slabý procesor• multi-tasking


Asynchroní operace

• Omezený programovací model• slabý procesor• multi-tasking• aktualizace UI pouze v ui threadu


Asynchroní operace

• Omezený programovací model• slabý procesor• multi-tasking• aktualizace UI pouze v ui threadu• Application not responding aka. ANR


Asynchroní operace

• Omezený programovací model• slabý procesor• multi-tasking• aktualizace UI pouze v ui threadu• Application not responding aka. ANR• UI žije jenom chvíli


Asynchroní operace


• Vše, co může dlouho trvat, mimo ui thread


Asynchroní operace


• Vše, co může dlouho trvat, mimo ui thread• síťová komunikace


Asynchroní operace


• Vše, co může dlouho trvat, mimo ui thread• síťová komunikace• čtení z databáze


Asynchroní operace


• Vše, co může dlouho trvat, mimo ui thread• síťová komunikace• čtení z databáze• čtení z filesystému


CursorLoader


CursorLoader

• Čte z ContentProvideru na pozadí


CursorLoader


• Activity/Fragment notifikováno callbackem• onCreateLoader()

• onLoadFinished()

• onLoadReset()


CursorLoader




• onLoadReset()

• Umí reusovat jednou nahraný Cursor


CursorLoader




• onLoadReset()


• Obnoví Cursor při updatu modelu


CursorLoader




• onLoadReset()


• Obnoví Cursor při updatu modelu

• Je třeba volat v onActivityCreated() jako getActivity().getSupportLoaderManager().initLoader()


Příklad

1. nahraďte volání provideru CursorLoaderem1. hint: fragment nechť implementuje

LoaderManager.LoaderCallbacks

2. hint: použijte getActivity().getContentResolver()

• zdrojáky

• mff-android-3

• dokumentace

• http://goo.gl/BBb2N


http://goo.gl/BBb2N

http://goo.gl/BBb2N


• Aktualizace z internetu




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

UI




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

UI

Model




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

UI

ModelČtení




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

IntentServiceIntent




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

provede síťování

sql, CVzapisuje

IntentServiceIntent




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

provede síťování

sql, CVzapisuje

IntentServiceIntent

Aktualizace


IntentService


IntentService

• Implementuje frontu tasků za zpracovaní


IntentService

• Implementuje frontu tasků za zpracovaní• onHandleIntent(Intent i)


IntentService


• Impl. pomocí HandlerThread a Handler


IntentService



• Třeba definovat v manifestu


IntentService




• Volání přes Context.startService()


IntentService




• Volání přes Context.startService()final Intent i = new Intent(getActivity(), MyService.class);getActivity().startService(i);


Síťování


Síťování

• Http Client, UrlConnection


Síťování

• Http Client, UrlConnection try { final URL url = new URL("http://...."); final HttpURLConnection connection = (HttpURLConnection) url.openConnection(); if (connection.getResponseCode() == 200) { final InputStream is = connection.getInputStream(); try { //TODO networking } finally { is.close(); } } } catch (IOException e) { // TODO: handle exception }


Síťování

• Http Client, UrlConnection try { final URL url = new URL("http://...."); final HttpURLConnection connection = (HttpURLConnection) url.openConnection(); if (connection.getResponseCode() == 200) { final InputStream is = connection.getInputStream(); try { //TODO networking } finally { is.close(); } } } catch (IOException e) { // TODO: handle exception }


Síťování

• Http Client, UrlConnection

• Oprávnění

• android.permission.INTERNET

try { final URL url = new URL("http://...."); final HttpURLConnection connection = (HttpURLConnection) url.openConnection(); if (connection.getResponseCode() == 200) { final InputStream is = connection.getInputStream(); try { //TODO networking } finally { is.close(); } } } catch (IOException e) { // TODO: handle exception }


Parsování a db insert



• JSON - JSONObject, JSONArray



• JSON - JSONObject, JSONArray• getString(), getInt(), getDouble()




• XML




• XML

• android.util.XML




• XML

• android.util.XML• android.sax.RootElement




• XML


• ContentValues




• XML


• ContentValues• db.insert()




• XML


• ContentValues• db.insert()

• getContentResolver.notify(Uri,...)


Příklad

1. Přes RefreshService aktualizujte tabulku Books2. http://dl.dropbox.com/u/5296640/books.json

• zdrojáky

• mff-android-4

• dokumentace

• http://goo.gl/3Eee



• Operace create, update, delete




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

UI




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

UI

Model




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

UI

ModelČtení




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

AsyncQueryHandleruri,CV

čte data




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

ContentProvider

provede c, u, d uri, CV


čte data




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

ContentProvider


sql, CVzapisuje


čte data




ListFragment

ContentProvider

poskytuje data

CursorLoader


uri

DBčte data

sql

ContentProvider


sql, CVzapisuje


čte data

Zápis


AsyncQueryHandler


AsyncQueryHandler

• Volá crud operace v threadu na pozadí


AsyncQueryHandler


• Zpětně notifikuje volajícího


AsyncQueryHandler



• Problém - volající nemusí již existovat


AsyncQueryHandler




• Řešení


AsyncQueryHandler




• Řešení• Implementovat jako inner-static nebo top-level


AsyncQueryHandler




• Řešení• Implementovat jako inner-static nebo top-level• WeakReference pro odkaz na volajícího


AsyncQueryHandler




• Řešení• Implementovat jako inner-static nebo top-level• WeakReference pro odkaz na volajícího

private class MyQueryHandler extends AsyncQueryHandler {// Use weak reference to avoid memoey leakprivate WeakReference<MyActivity> mMyActivity;public MyQueryHandler(Context context) {

super(context.getContentResolver()); mMyActivity = new WeakReference<MyActivity>((MyActivity) context); }

protected void onQueryComplete(int token, Object cookie, Cursor cursor) { MyActivity activity = mMyActivity.get();

if (activity != null && !activity.isFinishing()) {...

}}


Příklad

1. Doplňte c, u, d operace do provideru a fragmentu

• zdrojáky

• mff-android-5

• dokumentace

• http://goo.gl/BS1hr


http://goo.gl/BS1hr

http://goo.gl/BS1hr

Děkuji@ondraz

ukázky kódu a obrázky pocházejí z http://developer.android.com pod licencemi Apache v2.0 a Creative Commons Attribution v2.5


http://developer.android.com

http://developer.android.com

Date post:	24-Apr-2015
Category:	Technology
Upload:	ondraz
View:	1,005 times
Download:	4 times

MFF Android 2 5.12.2012

Technology