Muni android-18-5-2012

Android 2Ondra Zahradník

MUNI - 18.5.2012

Tuesday, March 19, 13

Agenda


nejdrive trochu teorie, potom prakticky prikladprvni dva priklady se tykaji UI, druhe dva pak programovanibehem prikladu budu obchazet a pomahat

Agenda

1.Rekapitulace z minula



Agenda

1.Rekapitulace z minula2.BroadcastReceiver



Agenda

1.Rekapitulace z minula2.BroadcastReceiver3.Podpora různých zařízení



Agenda

1.Rekapitulace z minula2.BroadcastReceiver3.Podpora různých zařízení4.Dynamické UI pomocí fragmentů



Agenda

1.Rekapitulace z minula2.BroadcastReceiver3.Podpora různých zařízení4.Dynamické UI pomocí fragmentů5.Přestávka



Agenda

1.Rekapitulace z minula2.BroadcastReceiver3.Podpora různých zařízení4.Dynamické UI pomocí fragmentů5.Přestávka6.Architektura typické aplikace



Agenda

1.Rekapitulace z minula2.BroadcastReceiver3.Podpora různých zařízení4.Dynamické UI pomocí fragmentů5.Přestávka6.Architektura typické aplikace7.Otázky a odpovědi



House-keeping notes

•slajdy - http://goo.gl/QiFDy

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

•vaše otázky


http://goo.gl/QiFDy

http://goo.gl/QiFDy

http://goo.gl/QH5J7

http://goo.gl/QH5J7

Rekapitulace z minula

1.Android SDK2.Eclipse + ADT3.Emulátor / device4.Založení nového projektu5.Struktura Android projektu6.Activity, layout, Intent = UI7.Kompilace a spuštění8.Debugging


Broadcasty


aplikaci to i probudívykonat rychlou akci (limit 10s)mozno broadcasty radit i stopnout

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 - muni-android-hello


http://goo.gl/WoTk

http://goo.gl/WoTk

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


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


•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 kalkulačky z minulé přednášky o podporu češtiny a landscape režimu

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

•muni-android-hello

•dokumentace

•http://goo.gl/RKihT


http://goo.gl/RKihT

http://goo.gl/RKihT

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


Architektura typické aplikace 1

•Zobraz seznam položek z databáze




ListFragment




ListFragment DBčte data





sql





sql

UI





sql

UI Model


Databáze


nefunguji cizí klíčecasto implementovan jako singleton

Databáze

•SQLite v3 databáze



Databáze


•SQLiteOpenHelper



Databáze


•SQLiteOpenHelper

•stará se o life-cycle databáze



Databáze


•SQLiteOpenHelper

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



Databáze


•SQLiteOpenHelper


• onCreate() a onUpgrade()



Databáze


•SQLiteOpenHelper


• onCreate() a onUpgrade()•zpřístupňuje interface databáze



Databáze


•SQLiteOpenHelper


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



Databáze


•SQLiteOpenHelper



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



Databáze


•SQLiteOpenHelper



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

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



Cursor


optimalizovane dotazy do databaze

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

•muni-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áze

2.v Provider naimplementujte query operaci3.v MainFragment načtěte data přes provider

•zdrojáky

•muni-android-2

•dokumentace

•http://goo.gl/EFKK7


http://goo.gl/tuZwX

http://goo.gl/tuZwX




můžeme vyřešit update modeluaktivita je hloupe ui



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

•muni-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


parametry mozno predat bundlemkonci, pokud neni co zpracovavat,

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 Books

2.http://dl.dropbox.com/u/5296640/books.json

•zdrojáky

•muni-android-4

•dokumentace

•http://goo.gl/3EeeTuesday, March 19, 13


•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

AsyncQueryHandluri,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





level•WeakReference pro odkaz na volajícího


AsyncQueryHandler





level•WeakReference pro odkaz na volajícíhoprivate 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

•muni-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:	03-Jul-2015
Category:	Technology
Upload:	ondraz
View:	234 times
Download:	5 times

Muni android-18-5-2012

Technology