Geekcamp Android

Android Development GeekCamp Singapore 22 nd August 2009 Leong Hean Hong (CC) BY-SA Some rights preserved.

About

Usernames: hongster, ahhong
DOB: 490204800 (GMT +8)
Work: LAMP | Android | iPhone
Interest: Python, Rubik Cube, Number Theory, Web Technologies
Groups: SG PHP User Group, KL Google Technology User Group

Content

Intro
Development Tools
Setup
4 Component Types
Views
Intents
Demo

Intro

Android != OS “ Android™ delivers a complete set of software for mobile devices: an operating system, middleware and key mobile applications. ”
Android Architecture ( http://bit.ly/s73P2 )
Dalvik_VM != JVM

Designed and written by Dan Bornstein with contributions from other Google engineers
Bytecode on which it operates is not Java bytecode.

Development Tools

Android 1.5 SDK
Optional, recommended

Eclipse (Java or RCP version recommended)
Android Development Tools ( ADT ) eclipse plugin (http s ://dl-ssl.google.com/android/eclipse/)

Setup

Download and unzip Android SDK.
Install Eclipse.
Install ADT.
Set SDK path in Eclipse preference section.
Create Android Virtual Device ( AVD ).
RTFM and start coding.
Reference: http://bit.ly/3T24gE

Linux Tips

Don’t use package manger, download Eclipse and unzip it.
Use Sun Java ( “requires plug-in org.eclipse.wst.sse.ui” error )
If installed Eclipse using root , update using root .
Run <android-sdk>/tools/ddms once, before installing ADT. (solved in ADT 0.9.1 http://bit.ly/15FdZt )

Application Components

Activity

Presents a visual UI for user to interact with.
Similar to UIViewController.

Service

No visual UI, run in background for an indefinite period of time.
Similar to daemon.

Broadcast Receiver

Does nothing but receive and react to broadcast announcements (E.g. Timezone changed, battery low, ...).

Content Provider

Makes a specific set of the application's data available to other applications. (E.g. Wrapper for data in file system or DB)

Android Project Folders

src/

Source code.

Android 1.5/

Library you will use.

gen/

AIDL (Android Interface Definition Language), auto generated.

asset/

Save data as asset when you need to read raw bytes.

Android Project Files

res/ (application resources access through R class)

drawable/ (bitmap files)
layout/ (design Views , similar to HTML)
values/ (predefined values, can be referenced in application)

AndroidManifest.xml

Similar to iPhone’s Info.plist.
Contains application settings (E.g. Intent filters, permission, activities, …)

default.properties

Contains project settings such as build target.

/res/layout/main.xml

Layout for main activity.
Contains:

LinearLayout for arranging subviews
TextView for displaying text
Button

An ID (helloButton) is assigned to the button. Can be referenced through R.id.helloButton .
Button text is defined in /res/values/string.xml .

Add Button (main.xml) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:gravity="center" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width=" wrap_content " android:layout_height="wrap_content" android:text="@string/hello" /> <Button android:id="@+id/helloButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_button" /> </LinearLayout>

Launch Image Gallery private static final int REQUEST_PICK_IMAGE = 1; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Button button = (Button)findViewById(R.id.helloButton); button.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { Intent pickImage = new Intent(Intent.ACTION_PICK); pickImage.setType("image/*"); startActivityForResult(pickImage, REQUEST_PICK_IMAGE); } }); }

Intent

Abstract description of an action to be preformed.
Intent messaging is a facility for late run-time binding between components in the same or different applications.
Activity , Service , BroadcastReceiver are activated through Intent .
Intent Resolution

New Activity

Create a new Activity called PhotoViewer
Create a Layout to display the photo (photo_viewer.xml)
Use a ImageView to display photo
GoodByeWorld launch PhotoViewer by sending it an Intent
The Intent contains the URI of the selected image
ImageView load image from the URI

/res/layout/photo_viewer.xml

Layout for the PhotoViewer Activity
Contains an ImageView for displaying image
The ImageView is given an ID ( photoView )

photo_viewer.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> < ImageView android:id="@+id/photoView" android:layout_width="fill_parent" android:layout_height="fill_parent" /> </LinearLayout>

PhotoViewer.java protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView( R.layout.photo_viewer ); ImageView photoView = (ImageView)findViewById( R.id.photoView ); photoView.setImageURI( getIntent().getData() ); }

AndroidManifest.xml <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".GoodByeWorld" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".PhotoViewer"></activity> </application>

Create Menu private static final int MENU_RED = Menu.FIRST; private static final int MENU_GREEN = Menu.FIRST + 1; private static final int MENU_BLUE = Menu.FIRST + 2; private static final int MENU_RAND = Menu.FIRST + 3; public boolean onCreateOptionsMenu (Menu menu) { super.onCreateOptionsMenu(menu); menu.add(Menu.NONE, MENU_RED, Menu.NONE, "Filter Red"); menu.add(Menu.NONE, MENU_GREEN, Menu.NONE, "Filter Green"); menu.add(Menu.NONE, MENU_BLUE, Menu.NONE, "Filter Blue"); menu.add(Menu.NONE, MENU_RAND, Menu.NONE, "Random Filter"); return true; }

Response to Menu Selection public boolean onMenuItemSelected (int featureId, MenuItem item) { super.onMenuItemSelected(featureId, item); switch(item.getItemId()) { case MENU_RED: photoView. setColorFilter (redFilter()); break; case MENU_GREEN: photoView. setColorFilter (greenFilter()); break; case MENU_BLUE: photoView. setColorFilter (blueFilter()); break; case MENU_RAND: photoView. setColorFilter (randFilter()); break; } return true; }

Color Filter Matrix

ColorMatrixColorFilter private ColorMatrixColorFilter redFilter() { return new ColorMatrixColorFilter(new float[] { 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0 }); }

Q & A Any question?