MFF Android 2 5.12.2012

Android 2
Ondra Zahradník
MFF - 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


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

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


Broadcasty

<intent-filter >
</intent-filter>
</receiver>

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


Broadcasty

<intent-filter >
</intent-filter>
</receiver>
@Override

• Možno deﬁnovat vlastní
//TODO do something
}
}


Broadcasty

<intent-filter >
</intent-filter>
</receiver>
@Override

//TODO do something
}
}

• globální


Broadcasty

<intent-filter >
</intent-filter>
</receiver>
@Override

//TODO do something
}
}

• globální
• lokální - notiﬁkač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


Příklad

• Oprávnění android.permission.RECEIVE_SMS


Příklad

• SMS Intent - extra “pdus” seznam smsek


Příklad

• SmsMessage.createFromPdu


Příklad

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


Příklad

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

• zdrojáky - mff-android-hello

Zdroje a kvaliﬁká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



src/

MyActivity.java
res/
drawable/
icon.png

• Kvaliﬁkátory
layout/
main.xml
info.xml
values/
strings.xml

• jazyk (en_rUS, cs, ...)



src/

MyActivity.java
res/
drawable/
icon.png

• Kvaliﬁkátory
layout/
main.xml
info.xml
values/
strings.xml

• nejmenší šířka (sw720dp)



src/

MyActivity.java
res/
drawable/
icon.png

• Kvaliﬁkátory
layout/
main.xml
info.xml
values/
strings.xml

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



src/

MyActivity.java
res/
drawable/
icon.png

• Kvaliﬁkátory
layout/
main.xml
info.xml
values/
strings.xml

• orientace (land, port)



src/

MyActivity.java
res/
drawable/
icon.png

• Kvaliﬁkátory
layout/
main.xml
info.xml
values/
strings.xml

• hustota (ldpi, mdpi, hdpi, xhdpi)



src/

MyActivity.java
res/
drawable/
icon.png

• Kvaliﬁkátory
layout/
main.xml
info.xml
values/
strings.xml

• hustota (ldpi, mdpi, hdpi, xhdpi)
res/

• layout, layout-land, layout-land-v13 drawable/
icon.png
background.png

• drawable, drawable-hdpi, drawable-xhdpi drawable-hdpi/
icon.png
background.png


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
drawable/
drawable-en/
drawable-fr-rCA/ Locale = en-GB
drawable-en-port/ Screen orientation = port
drawable-en-notouch-12key/ Screen pixel density = hdpi
drawable-port-ldpi/ Touchscreen type = notouch
drawable-port-notouch-12key/ Primary text input method = 12key


Resource resolving
drawable/
drawable-en/

drawable/
drawable-en/
drawable-fr-rCA/
drawable-en-port/
drawable-port-ldpi/


Resource resolving
drawable/
drawable-en/

drawable/
drawable-en/
drawable-fr-rCA/
drawable-en-port/
drawable-port-ldpi/

drawable/
drawable-en/
drawable-en-port/
drawable-port-ldpi/


Resource resolving
drawable/
drawable-en/

drawable/
drawable-en/
drawable-fr-rCA/
drawable-en-port/
drawable-port-ldpi/

drawable/
drawable-en/
drawable-en-port/
drawable-port-ldpi/

drawable-en/
drawable-en-port/


Různé obrazovky


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é hustoty


Různé hustoty

• hustoty ldpi, mdpi, hdpi, xhdpi


Různé hustoty

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


Různé hustoty

MyProject/
res/
drawable-xhdpi/
• xhdpi: 2.0 awesomeimage.png
• hdpi: 1.5 drawable-hdpi/
• mdpi: 1.0 (baseline) awesomeimage.png
drawable-mdpi/
• ldpi: 0.75 awesomeimage.png
drawable-ldpi/
awesomeimage.png


Různé hustoty

MyProject/
res/
drawable-xhdpi/
• xhdpi: 2.0 awesomeimage.png
• hdpi: 1.5 drawable-hdpi/
• mdpi: 1.0 (baseline) awesomeimage.png
drawable-mdpi/
• ldpi: 0.75 awesomeimage.png
drawable-ldpi/
awesomeimage.png

• dp = density independent pixel


Podpora různých verzí



• Na trhu Android v2.1 - v4.0.3



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



• Nastavit minSdkVersion a targetSdkVersion
• Kontrolovat verzi API
private 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


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 a jeho UI
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

Fragment a jeho UI
@Override
}
}

Layout
<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
@Override
}
}

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

Instance
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"
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="match_parent">

<fragment class="com.example.android.TitlesFragment"
android:id="@+id/list_frag"
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 deﬁnuje 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, NotiﬁcationBuilder,...
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
...

• ActionBarSherlock
• Animations

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

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




čte data
ListFragment DB




čte data
ListFragment DB
sql



UI
čte data
ListFragment DB
sql



UI Model
čte data
ListFragment DB
sql


Databáze


Databáze

• SQLite v3 databáze


Databáze

• SQLiteOpenHelper


Databáze

• stará se o life-cycle databáze


Databáze

• callbacky pro vytvoření a upgrade


Databáze

• onCreate() a onUpgrade()


Databáze

• zpřístupňuje interface databáze


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


• moveToFirst(), moveToNext(), getCount()


Cursor



• metody pro čtení


Cursor



• 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 DatabaseHelper
2. 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

poskytuje data

ContentProvider



ListFragment

poskytuje data uri

ContentProvider



ListFragment

poskytuje data uri

čte data
ContentProvider DB
sql



UI
ListFragment

poskytuje data uri

čte data
ContentProvider DB
sql



UI
ListFragment

poskytuje data uri Model
čte data
ContentProvider DB
sql



UI
ListFragment

čte data
ContentProvider DB
sql

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 operaci
3. v MainFragment načtěte data přes provider

• zdrojáky
• mff-android-2
• dokumentace
• http://goo.gl/EFKK7



ListFragment



ListFragment

načítání dat

CursorLoader



ListFragment

načítání dat callbacky

CursorLoader



ListFragment


CursorLoader

poskytuje data

ContentProvider



ListFragment


CursorLoader

poskytuje data uri

ContentProvider



ListFragment


CursorLoader

poskytuje data uri

čte data
ContentProvider DB



ListFragment


CursorLoader

poskytuje data uri

čte data
ContentProvider DB
sql



UI
ListFragment


CursorLoader

poskytuje data uri

čte data
ContentProvider DB
sql



UI
ListFragment


CursorLoader

čte data
ContentProvider DB
sql



UI
ListFragment


Boilerplate
CursorLoader

čte data
ContentProvider DB
sql


Asynchroní operace


Asynchroní operace

• Omezený programovací model


Asynchroní operace

• slabý procesor


Asynchroní operace

• slabý procesor
• multi-tasking


Asynchroní operace

• slabý procesor
• multi-tasking
• aktualizace UI pouze v ui threadu


Asynchroní operace

• slabý procesor
• multi-tasking
• Application not responding aka. ANR


Asynchroní operace

• slabý procesor
• multi-tasking


Asynchroní operace

• slabý procesor
• multi-tasking
• Vše, co může dlouho trvat, mimo ui thread


Asynchroní operace

• slabý procesor
• multi-tasking
• síťová komunikace


Asynchroní operace

• slabý procesor
• multi-tasking
• čtení z databáze


Asynchroní operace

• slabý procesor
• multi-tasking
• čtení z databáze
• čtení z ﬁlesystému

CursorLoader


CursorLoader

• Čte z ContentProvideru na pozadí


CursorLoader

• Activity/Fragment notiﬁková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 jako
onActivityCreated()
().getSupportLoaderManager().initLoader()
getActivity


Příklad

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

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

• zdrojáky
• mff-android-3
• dokumentace
• http://goo.gl/BBb2N



• Aktualizace z internetu



ListFragment


CursorLoader

poskytuje data uri

čte data
ContentProvider DB
sql



UI
ListFragment


CursorLoader

poskytuje data uri

čte data
ContentProvider DB
sql



UI
ListFragment


CursorLoader

čte data
ContentProvider DB
sql



UI
ListFragment


CursorLoader

poskytuje data uri Čtení Model
čte data
ContentProvider DB
sql



ListFragment IntentService
Intent


CursorLoader

poskytuje data uri

čte data
ContentProvider DB
sql



Intent
provede
načítání dat callbacky síťování

CursorLoader

poskytuje data uri zapisuje sql, CV

čte data
ContentProvider DB
sql



• Aktualizace z internetu Aktualizace

Intent
provede
načítání dat callbacky síťování

CursorLoader


čte data
ContentProvider DB
sql


IntentService


IntentService

• Implementuje frontu tasků za zpracovaní


IntentService

• onHandleIntent(Intent i)


IntentService


• Impl. pomocí HandlerThread a Handler


IntentService


• Třeba deﬁnovat 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í

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í

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
}

• Oprávnění
• android.permission.INTERNET


Parsování a db insert



• JSON - JSONObject, JSONArray



• getString(), getInt(), getDouble()




• XML




• XML
• android.util.XML




• 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
• mff-android-4
• dokumentace
• http://goo.gl/3Eee



• Operace create, update, delete



ListFragment


CursorLoader

poskytuje data uri

čte data
ContentProvider DB
sql



UI
ListFragment


CursorLoader

poskytuje data uri

čte data
ContentProvider DB
sql



UI
ListFragment


CursorLoader

čte data
ContentProvider DB
sql



UI
ListFragment


CursorLoader

poskytuje data uri Čtení Model
čte data
ContentProvider DB
sql



čte data
ListFragment AsyncQueryHandler
uri,
CV

CursorLoader

poskytuje data uri

čte data
ContentProvider DB
sql



čte data
uri,
CV
načítání dat callbacky provede c, u, d uri, CV

CursorLoader ContentProvider

poskytuje data uri

čte data
ContentProvider DB
sql



čte data
uri,
CV



čte data
ContentProvider DB
sql



• Operace create, update, delete Zápis
čte data
uri,
CV



čte data
ContentProvider DB
sql


AsyncQueryHandler


AsyncQueryHandler

• Volá crud operace v threadu na pozadí


AsyncQueryHandler

• Zpětně notiﬁkuje 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í
• WeakReference pro odkaz na volajícího


AsyncQueryHandler

• Řešení
• WeakReference pro odkaz na volajícího
private class MyQueryHandler extends AsyncQueryHandler {
// Use weak reference to avoid memoey leak
private 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


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


MFF Android 2 5.12.2012

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (17)

MFF Android 2 5.12.2012