Android Development Tutorial - Gingerbread

Lars Vogel

Version 7.8

Copyright © 2009 - 2011 Lars Vogel

11.07.2011

Revision HistoryRevision 0.1 04.07.2009 Lars Vogel

Created

Revision 0.2 - 7.8 07.07.2009 - 11.07.2011 Lars Vogel

bug fixing and enhancements

Development with Android Gingerbread and Eclipse

This tutorial describes how to create Android applications with Eclipse. It is based on Eclipse 3.7 (Indigo), Java1.6 and Android 2.3.3 (Gingerbread).

Table of Contents

1. Android Development1.1. Android Operation System1.2. Important Android components1.3. Security and permissions1.4. AndroidManifest.xml1.5. R.java, Resources and Assets1.6. Activities and Layouts1.7. Activities and Lifecyle1.8. Context

2. Installation2.1. Android SDK2.2. Eclipse2.3. Configuration2.4. Android Source Code

3. Create an Android Emulator Device4. Error handling5. Your first Android project

5.1. Create Project5.2. Two faces of things5.3. Create attributes5.4. Add UI Elements5.5. Edit UI properties5.6. Code your application5.7. Start Project5.8. Using the home menu

6. Menus6.1. Menus6.2. Project6.3. Add a menu XML resource

7. Preferences and Intents7.1. Overview7.2. Using preferences7.3. Run

8. Dialogs via the AlertDialog9. TableLayout

Android Development Tutorial - Gingerbread

Android Development Tutorial - Gingerbread http://www.vogella.de/articles/Android/article.html

1 of 39 15-07-2011 13:45

http://www.vogella.de/articles/Android/article.html

9.1. Overview9.2. Example

10. ContentProvider10.1. Overview10.2. Create contacts on your emulator10.3. Using the Contact Content Provider

11. ScrollView12. DDMS perspective and important views

12.1. DDMS - Dalvik Debug Monitor Server12.2. LogCat View12.3. File explorer

13. Shell13.1. Android Debugging Bridge - Shell13.2. Uninstall an application via adb13.3. Emulator Console via telnet

14. Deploy your application on a real device15. Thank you16. Questions and Discussion17. Links and Literature

17.1. Source Code17.2. Android Resources17.3. vogella Resources

1.1. Android Operation System

Android is an operating system based on Linux with a Java programming interface. It provides tools, e.g. acompiler, debugger and a device emulator as well as its own Java Virtual machine (Dalvik Virtual Machine -DVM). Android is created by the Open Handset Alliance which is lead by Google.

Android uses a special virtual machine, e.g. the Dalvik Virtual Machine. Dalvik uses special bytecode.Therefore you cannot run standard Java bytecode on Android. Android provides a tool "dx" which allows toconvert Java Class files into "dex" (Dalvik Executable) files. Android applications are packed into an .apk(Android Package) file by the program "aapt" (Android Asset Packaging Tool) To simplify development Googleprovides the Android Development Tools (ADT) for Eclipse . The ADT performs automatically the conversionfrom class to dex files and creates the apk during deployment.

Android supports 2-D and 3-D graphics using the OpenGL libraries and supports data storage in a SQLitedatabase.

Every Android applications runs in its own process and under its own userid which is generated automaticallyby the Android system during deployment. Therefore the application is isolated from other running applicationsand a misbehaving application cannot easily harm other Android applications.

1.2. Important Android components

An Android application consists out of the following parts:

Activity - Represents the presentation layer of an Android application, e.g. a screen which the user sees.An Android application can have several activities and it can be switched between them during runtimeof the application.

Views - The User interface of an Activities is build with widgets classes which inherent from"android.view.View". The layout of the views is managed by "android.view.ViewGroups".

Services - perform background tasks without providing an UI. They can notify the user via the notificationframework in Android.

Content Provider - provides data to applications, via a content provider your application can share data

1. Android Development


2 of 39 15-07-2011 13:45


with other applications. Android contains a SQLite DB which can serve as data provider

Intents are asynchronous messages which allow the application to request functionality from otherservices or activities. An application can call directly a service or activity (explicit intent) or ask theAndroid system for registered services and applications for an intent (implicit intents). For example theapplication could ask via an intent for a contact application. Application register themself to an intent viaan IntentFilter. Intents are a powerful concept as they allow to create loosely coupled applications.

Broadcast Receiver - receives system messages and implicit intents, can be used to react to changedconditions in the system. An application can register as a broadcast receiver for certain events and canbe started if such an event occurs.

Other Android parts are Android widgets or Live Folders and Live Wallpapers . Live Folders display any sourceof data on the homescreen without launching the corresponding application.

1.3. Security and permissions

Android defines certain permissions for certain tasks. For example if the application want to access theInternet it must define in its configuration file that it would like to use the related permission. During theinstallation of an Android application the user get a screen in which he needs to confirm the requiredpermissions of the application.

1.4. AndroidManifest.xml

An Android application is described the file "AndroidManifest.xml". This file must declare all activities, services,broadcast receivers and content provider of the application. It must also contain the required permissions forthe application. For example if the application requires network access it must be specified here."AndroidManifest.xml" can be thought as the deployment descriptor for an Android application.

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="de.vogella.android.temperature" android:versionCode="1" android:versionName="1.0"> <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".Convert" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity>

</application> <uses-sdk android:minSdkVersion="9" />

</manifest>

The "package" attribute defines the base package for the following Java elements. It also must be unique asthe Android Marketplace only allows application for a specfic package once. Therefore a good habit is to useyour reverse domain name as a package to avoid collisions with other developers.

"android:versionName" and "android:versionCode" specify the version of your application. "versionName" iswhat the user sees and can be any string. "versionCode" must be an integer and the Android Market uses thisto determine if you provided a newer version to trigger the update on devices which have your applicationinstalled. You typically start with "1" and increase this value by one if you roll-out a new version of yourapplication.

"activity" defines an activity in this example pointing to the class "de.vogella.android.temperature.Convert". Forthis class an intent filter is registered which defines that this activity is started once the application starts(action android:name="android.intent.action.MAIN"). The category definition (categoryandroid:name="android.intent.category.LAUNCHER" ) defines that this application is added to the applicationdirectory on the Android device. The @ values refer to resource files which contain the actual values. Thismakes it easy to provide different resources, e.g. strings, colors, icons, for different devices and makes it easyto translate applications.


3 of 39 15-07-2011 13:45


http://schemas.android.com/apk/res/android

The "uses-sdk" part of the "AndroidManifest.xml" defines the minimal SDK version your application is valid for.This will prevent your application being installed on devices with older SDK versions.

1.5. R.java, Resources and Assets

The directory "gen" in an Android project contains generated values. "R.java" is a generated class whichcontains references to resources of the "res" folder in the project. These resources are defined in the "res"directory and can be values, menus, layouts, icons or pictures or animations. For example a resource can bean image or an XML files which defines strings.

If you create a new resources, the corresponding reference is automatically created in "R.java". Thereferences are static int values, the Android system provides methods to access the corresponding resource.For example to access a String with the reference id "R.string.yourString" use the methodgetString(R.string.yourString)); Please do not try to modify "R.java" manually.

While the directory"res" contains structured values which are known to the Android platform the directory"assets" can be used to store any kind of data. In Java you can access this data via the AssetsManager andthe method getAssets().

1.6. Activities and Layouts

The user interface for Activities is defined via layouts. Layouts are at runtime instances of"android.view.ViewGroups". The layout defines the UI elements, their properties and their arragement. UIelements are based on the class "android.view.View". ViewGroup is a subclass of View A and a layout cancontain UI components (Views) or other layouts (ViewGroups). You should not nestle ViewGroups to deeply asthis has a negativ impact on performance.

A layout can be defined via Java code or via XML. You typically uses Java code to generate the layout if youdon't know the content until runtime; for example if your layout depends on content which you read from theinternet.

XML based layouts are defined via a resource file in the folder "/res/layout". This file specifies the view groups,views, their relationship and their attributes for a specific layout. If a UI element needs to be accessed via Javacode you have to give the UI element an unique id via the "android:id" attribute. To assign a new id to an UIelement use "@+id/yourvalue". By conversion this will create and assign a new id "yourvalue" to thecorresponding UI element. In your Java code you can later access these UI elements via the methodfindViewById(R.id.yourvalue).

Defining layouts via XML is usually the preferred way as this separates the programming logic from the layoutdefinition. It also allows to define different layouts for different devices. You can also mix both approaches.

1.7. Activities and Lifecyle

The operating system controls the life cycle of your application. At any time the Android system may stop ordestroy your application, e.g. because of an incoming call. The Android system defines a life cycle for anactivities via pre-defined methods. The most important methods are:

onSaveInstanceState() - called if the activity is stopped. Used to save data so that the activity canrestore its states if re-started

onPause() - always called if the Activity ends, can be used to release ressource or save data

onResume() - called if the Activity is re-started, can be used to initiaze fields

The activity will also be restarted if a so called "configuration change" happens. A configuration change forexamples happens if the user changes the orientation of the device (vertical or horizontal). The activity is inthis case restarted to enable the Android platform to load different resources for these configuration, e.g.layouts for vertical or horizontal mode. In the emulator you can simulate the change of the orientation viaCNTR+F11.

You can avoid a restart of your application for certain configuration changes via the configChanges attribute onyour activity definition in your AndroidManifest.xml. The following activity will not be restarted in case of


4 of 39 15-07-2011 13:45


orientation changes or position of the physical keyboard (hidden / visible).

<activity android:name=".ProgressTestActivity" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden|keyboard"></activity>

1.8. Context

The class android.content.Context provides the connections to the Android system. It is the interface to globalinformation about the application environment. Context also provides the method getSystemService() whichallows to receive Android services, e.g. the Location Service . As Activities and Services extend the class"Context" you can directly access the context via "this".

The following assume that you have already Eclipse installed. For details please see Eclipse Tutorial .

2.1. Android SDK

Download the Android SDK from the Android homepage under Android SDK download . The downloadcontains a zip file which you can extract to any place in your file system, e.g. I placed it under "c:\android-sdk-windows" .

2.2. Eclipse

Use the Eclipse update manager to install all available plugins for the Android Development Tools (ADT) fromthe URL https://dl-ssl.google.com/android/eclipse/ .

2.3. Configuration

In Eclipse open the Preferences dialog via Windows -> Preferences. Select Android and enter the installationpath of the Android SDK.

Select Window -> Android SDK and AVD Manager from the menu.

2. Installation


5 of 39 15-07-2011 13:45


https://dl-ssl.google.com/android/eclipse/

Select available packages and select the Android 2.3.3 (API10) version of the SDK.

Press "Install selected" and confirm the license for all package. After the installation restart Eclipse.

2.4. Android Source Code

The following step is optional.

During Android development it is very useful to have the Android source code available as Android uses a lotof defaults.

Haris Peco maintains plugins which provides access to the Android Source code code. Use the Eclipse updatemanager to install two of his plugins. Update site: "http://adt-addons.googlecode.com/svn/trunk/source/com.android.ide.eclipse.source.update" and "http://adt-addons.googlecode.com/svn/trunk/binedit/com.android.ide.eclipse.binedit.update".


6 of 39 15-07-2011 13:45


http://adt-addons.googlecode.com/svn/trunk/source/com.android.ide.eclipse.source.update

http://adt-addons.googlecode.com/svn/trunk/source/com.android.ide.eclipse.source.update

http://adt-addons.googlecode.com/svn/trunk/binedit/com.android.ide.eclipse.binedit.update

http://adt-addons.googlecode.com/svn/trunk/binedit/com.android.ide.eclipse.binedit.update

More details can be found on the project website .

The Android tools include an emulator. This emulator behaves like a real Android device in most cases andallow you to test your application without having a real device. You can emulate one or several devices withdifferent configurations. Each configuration is defined via an "Android Virtual Device" (AVD).

To define an AVD press the device manager button, press "New" and enter the following.

3. Create an Android Emulator Device


7 of 39 15-07-2011 13:45


We will select the box "Enabled" for Snapshots. This will make the second start of the virtual device muchfaster.

At the end press the button "Create AVD".This will create the device and display it under the "Virtual devices".To test if your setup is correct, select your device and press "Start".

After (a long time) your device should be started.


8 of 39 15-07-2011 13:45


Things are not always working as they should be. Several users report that get the following errors:

Project ... is missing required source folder: 'gen'1.

The project could not be built until build path errors are resolved.2.

Unable to open class file R.java.3.

To solve this error select from the menu Project -> Clean.

If you having problems with your own code you can use the LogCat viewer as described in LogCat Viewer .

5.1. Create Project

This app is also available on the Android Marketplace. Search for "vogella" for find thisexample.

Select File -> New -> Other -> Android -> Android Project and create the Android project"de.vogella.android.temperature". Enter the following.

4. Error handling

5. Your first Android project


9 of 39 15-07-2011 13:45


Press "Finish". This should create the following directory structure.


10 of 39 15-07-2011 13:45


While "res" contains structured values which are known to the Android platform the directory "assets" can beused to store any kind of data. In Java you can access this data via the AssetsManager and the methodgetAssets().

5.2. Two faces of things

The Android SDK allows to define certain artifacts, e.g. strings and UI's, in two ways, via a rich editor anddirectly via XML. The following description tries to use the rich UI but for validation lists also the XML. You canswitch between both things by clicking on the tab on the lower part of the screen. For example in the PackageExplorer select "res/layout/main.xml".


11 of 39 15-07-2011 13:45


5.3. Create attributes

Android allows you to create attributes for resources, e.g. for strings and / or colors. These attributes can beused in your UI definition via XML or in your Java source code.

Select the file "res/values/string.xml" and press "Add". Select "Color" and enter "myColor" as the name and"#3399CC" as the value.

Add also the following "String" attributes. String attributes allow to translate the application at a later point.

Table 1. String Attributes


12 of 39 15-07-2011 13:45


Name Value

myClickHandler myClickHandler

celsius to Celsius

fahrenheit to Fahrenheit

calc Calculate

Switch to the XML representation and validate the values.

<?xml version="1.0" encoding="utf-8"?><resources>

<string name="hello">Hello World, Convert!</string><string name="app_name">Temperature Converter</string><color name="myColor">#3399CC</color><string name="myClickHandler">myClickHandler</string><string name="celsius">to Celsius</string><string name="fahrenheit">to Fahrenheit</string><string name="calc">Calculate</string>

</resources>

5.4. Add UI Elements

Select "res/layout/main.xml" and open the Android editor via a double-click. This editor allows you to createthe UI via drag and drop or via the XML source code. You can switch between both representations via thetabs at the bottom of the editor. For changing the postion and grouping elements you can use the outline view.

The following shows a screenshot of the Palette view from which you can drag and drop new UI elements intoyour layout. Please note that the "Palette" view changes frequently so your view might be a bit different.


13 of 39 15-07-2011 13:45


Right-click on the text object “Hello World, Hello!” in the layout. Select Delete on the popup menu to removethe text object. Then, from the “Palette” view, select Text Fields and locate “Plain Text”. Drag this onto thelayout to create a text input field. All object types in the section "Text Fields” derive from the class "EditText",they just specify via an additional attribute which text type can be used.

Now select the Palette section “Form Widgets” and drag a “RadioGroup” object onto the layout. The number ofradio buttons added to the radio button group depends on your version of Eclipse. Make sure there are tworadio buttons by deleting or adding radio buttons to the group.

From the Palette section Form Widgets, drag a Button object onto the layout.

The result should look like the following and the corresponding XML is listed below. Make sure that your codeis the same as listed below.

Switch to "main.xml" and verify that your XML looks like the following.

<?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"><EditText android:layout_height="wrap_content" android:id="@+id/editText1"

android:layout_width="match_parent" android:text="EditText"></EditText><RadioGroup android:layout_height="wrap_content" android:id="@+id/radioGroup1"


14 of 39 15-07-2011 13:45



android:layout_width="match_parent"><RadioButton android:text="RadioButton"

android:layout_width="wrap_content" android:id="@+id/radio0"android:layout_height="wrap_content" android:checked="true"></RadioButton>

<RadioButton android:text="RadioButton"android:layout_width="wrap_content" android:id="@+id/radio1"android:layout_height="wrap_content"></RadioButton>

</RadioGroup><Button android:text="Button" android:id="@+id/button1"

android:layout_width="wrap_content" android:layout_height="wrap_content"></Button></LinearLayout>

5.5. Edit UI properties

If you select a UI element you can change its properties via the properties view. Most of the properties canalso be changed via the right mouse menu. Select the EditText field, right mouse click on it, select Properties->Text and delete the content. This means no text will be initially shown in the text field.

Assign the "celsius" string attribute to your "text" property of the first radio button and "fahrenheit" to thesecond.


15 of 39 15-07-2011 13:45


From now on I assume you are able to use the properties menu on the UI elements. Set the property"Checked" to true for the first RadioButton. Assign "calc" to the text property of your button and assign"myClickHandler" to the "onClick" property. Set the "Input type" property to "numberSigned" and"numberDecimal" on your EditText.

Right-click on the view in Graphical Layout mode, then select “Properties”/”Background...” from the popupmenu. Select “Color” and then “myColor” in the list.


16 of 39 15-07-2011 13:45


Switch to the "main.xml" tab and verify that the XML is correctly maintained.


android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent" android:background="@color/myColor"><EditText android:layout_height="wrap_content" android:id="@+id/editText1"

android:layout_width="match_parent" android:inputType="numberDecimal|numberSigned"></EditText><RadioGroup android:layout_height="wrap_content" android:id="@+id/radioGroup1"

android:layout_width="match_parent"><RadioButton android:layout_width="wrap_content"

android:id="@+id/radio0" android:layout_height="wrap_content"android:text="@string/celsius" android:checked="true"></RadioButton>

<RadioButton android:layout_width="wrap_content"android:id="@+id/radio1" android:layout_height="wrap_content"android:text="@string/fahrenheit"></RadioButton>

</RadioGroup><Button android:id="@+id/button1" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:text="@string/calc"android:onClick="myClickHandler"></Button>

</LinearLayout>

5.6. Code your application

Change your code in "Convert.java" to the following. Note that the "myClickHandler" will be called based onthe "On Click" property of your button.

package de.vogella.android.temperature;

import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.EditText;import android.widget.RadioButton;import android.widget.Toast;

public class Convert extends Activity {private EditText text;

@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.main);text = (EditText) findViewById(R.id.editText1);

}

// This method is called at button click because we assigned the name to the// "On Click property" of the buttonpublic void myClickHandler(View view) {

switch (view.getId()) {case R.id.button1:

RadioButton celsiusButton = (RadioButton) findViewById(R.id.radio0);RadioButton fahrenheitButton = (RadioButton) findViewById(R.id.radio1);if (text.getText().length() == 0) {


17 of 39 15-07-2011 13:45



Toast.makeText(this, "Please enter a valid number",Toast.LENGTH_LONG).show();

return;}

float inputValue = Float.parseFloat(text.getText().toString());if (celsiusButton.isChecked()) {

text.setText(String.valueOf(convertFahrenheitToCelsius(inputValue)));

celsiusButton.setChecked(false);fahrenheitButton.setChecked(true);

} else {text.setText(String

.valueOf(convertCelsiusToFahrenheit(inputValue)));fahrenheitButton.setChecked(false);celsiusButton.setChecked(true);

}break;

}}

// Converts to celsiusprivate float convertFahrenheitToCelsius(float fahrenheit) {

return ((fahrenheit - 32) * 5 / 9);}

// Converts to fahrenheitprivate float convertCelsiusToFahrenheit(float celsius) {

return ((celsius * 9) / 5) + 32;}

}

5.7. Start Project

To start the Android Application, select your project, right click on it, Run-As-> Android Application Be patient,the emulator starts up very slow. You should get the following result.

Type in a number, select your conversion and press the button. The result should be displayed and the other


18 of 39 15-07-2011 13:45


option should get selected.

5.8. Using the home menu

If you press the Home button you can also select your application.


19 of 39 15-07-2011 13:45


6.1. Menus

To use menus Android provides two ways. First is the option menu which can be opened via the menu button.The option menu of your activity is filled in the method onCreateOptionsMenu() of your activity. You canregister here a menu via your code or use a XML menu resources which you inflate via a "MenuInflator". Youget a MenuInflator via your activity with the method getMenuInflator().

onCreateContextMenu() is only called once. If you want to influence the menu later you have to use themethod onPrepareOptionsMenu().

The second option to display a menu is to use the context menu for a UI widget (view). A context menu isactivated if the user "long presses" the view.

A context menu for a view is registered via the method registerForContextMenu(view). The methodonCreateContextMenu() is called every time a context menu is activated as the context menu is discardedafter its usage. The Android platform may also add options to your view, e.g. "EditText" provides contextoptions to select text, etc.

6.2. Project

This chapter will demonstrate how to create and evaluate a option menu, how to define preferences and howto navigate between activities via an intent . Create a project "de.vogella.android.preferences" with the activity"HelloPreferences". Change the UI in the file "/res/layout/main.xml" to the following:


android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"><Button android:id="@+id/Button01" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:text="Show Preferences"></Button><Button android:id="@+id/Button02" android:layout_width="wrap_content"

6. Menus


20 of 39 15-07-2011 13:45



android:layout_height="wrap_content" android:text="Change Preferences"></Button></LinearLayout>

6.3. Add a menu XML resource

Menus can be defined via XML files. Select your project, right click on it and select New -> Other -> Android ->"Android XML File". Select the option "Menu", enter as File "menu.xml" and press the button "Finish".

Press Add and select "Item". Maintain the following value. This defines the entries in your menu. We will haveonly one entry.


21 of 39 15-07-2011 13:45


Change your class "HelloPreferences" to the following. The OnCreateOptionsMenu method is used to createthe menu. The behavior in "onOptionsItemSelected" is currently hard-coded to show a Toast and will soon callthe preference settings. In case you want to disable or hide menu items you can use the method"onPrepareOptionsMenu" which is called every time the menu is called.

package de.vogella.android.preferences;

import android.app.Activity;import android.os.Bundle;import android.view.Menu;import android.view.MenuInflater;import android.view.MenuItem;import android.widget.Toast;

public class HelloPreferences extends Activity {/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.main);

}

@Overridepublic boolean onCreateOptionsMenu(Menu menu) {

MenuInflater inflater = getMenuInflater();inflater.inflate(R.menu.menu, menu);return true;

}

@Overridepublic boolean onOptionsItemSelected(MenuItem item) {

Toast.makeText(this, "Just a test", Toast.LENGTH_SHORT).show();return true;

}}

Run your application and press "Menu" on the emulator. Your menu should be displayed. If you select themenu entry you should see a small info message.


22 of 39 15-07-2011 13:45


The two "Preference" buttons are not yet active. We will use them in the next chapter.

7.1. Overview

Preferences allow you to save data for your application. Preferences are stored as key values. Intents allowyou to start Activities from other Activities.

7.2. Using preferences

We will continue using the example project "de.vogella.android.preferences" from the last chapter.

Preference values can also be stored as a XML resource. Create another Android XML File "preferences.xml"this time of type "Preference".

7. Preferences and Intents


23 of 39 15-07-2011 13:45


Press Add, add a category and add two preferences "EditTextPreferences" to this category : "User" and"Password".


24 of 39 15-07-2011 13:45


To allow the user to enter the preference value you can define a Activity with extends PreferenceActivity. Thisactivity can load a preference definition resources via the method addPreferencesFromResource(). Create theclass "Preferences" which will load the "preference.xml".


import android.os.Bundle;import android.preference.PreferenceActivity;

public class Preferences extends PreferenceActivity {

/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); addPreferencesFromResource(R.xml.preferences);}

}

To make this class available as an activity for Android you need to register it in your "AndroidManifest.xml" file.Select "AndroidManifest.xml" and the tab "Application". Add the activity "Preferences".


25 of 39 15-07-2011 13:45


The first button will show the current values of the preferences via a Toast and the second button will revert themaintained user name to demonstrate how you could change the preferences via code.


import android.app.Activity;import android.content.Intent;import android.content.SharedPreferences;import android.content.SharedPreferences.Editor;import android.os.Bundle;import android.preference.PreferenceManager;import android.view.Menu;import android.view.MenuInflater;import android.view.MenuItem;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.Toast;

public class HelloPreferences extends Activity {SharedPreferences preferences;

/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.main);Button button = (Button) findViewById(R.id.Button01);// Initialize preferencespreferences = PreferenceManager.getDefaultSharedPreferences(this);

button.setOnClickListener(new OnClickListener() {public void onClick(View v) {


26 of 39 15-07-2011 13:45


String username = preferences.getString("username", "n/a");String password = preferences.getString("password", "n/a");Toast.makeText(

HelloPreferences.this,"You entered user: " + username + " and password: "

+ password, Toast.LENGTH_LONG).show();

}});

Button buttonChangePreferences = (Button) findViewById(R.id.Button02);buttonChangePreferences.setOnClickListener(new OnClickListener() {

public void onClick(View v) {Editor edit = preferences.edit();String username = preferences.getString("username", "n/a");// We will just revert the current user name and save againStringBuffer buffer = new StringBuffer();for (int i = username.length() - 1; i >= 0; i--) {

buffer.append(username.charAt(i));}edit.putString("username", buffer.toString());edit.commit();// A toast is a view containing a quick little message for the// user. We give a little feedbackToast.makeText(HelloPreferences.this,

"Reverted string sequence of user name.",Toast.LENGTH_LONG).show();

}});

}

}

We will update the method onOptionsItemSelected() to open the activity "Preferences" once you select theoption menu. Even though we currently have only one option in our menu we use a switch to be ready forseveral new menu entries. To see the current values of the preferences we define a button and use the class"PreferenceManager" to get the sharedPreferences.

@Overridepublic boolean onCreateOptionsMenu(Menu menu) {

MenuInflater inflater = getMenuInflater();inflater.inflate(R.menu.menu, menu);return true;

}

// This method is called once the menu is selected@Overridepublic boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()) {// We have only one menu optioncase R.id.preferences:

// Launch Preference activityIntent i = new Intent(HelloPreferences.this, Preferences.class);startActivity(i);// Some feedback to the userToast.makeText(HelloPreferences.this,

"Here you can enter your user credentials.",Toast.LENGTH_LONG).show();

break;

}return true;

}

7.3. Run

Run your application. Press the "menu" hardware button and then select your menu item "Preferences". Youshould be able to enter your user settings then press the back hardware button to return to your main activity.The saved values should be displayed in a small message windows (Toast) if you press your first button. If youpress the second button the username should be reversed.


27 of 39 15-07-2011 13:45


We have already used a "Toast" which is a small message window which does not take the focus. In thischapter we will use the class "AlertDialog". AlertDialog is used to open a dialog from our activity. This modaldialog gets the focus until the user closes it.

An instance of this class can be created by the builder pattern, e.g. you can chain your method calls.

You should always open a dialog from the class onCreateDialog(int) as the Android system manages thedialog in this case for you. This method is automatically called by Android if you call showDialog(int).

Create a new Android project "de.vogella.android.alertdialog" with the activity "ShowMyDialog". Maintain thefollowing layout for "main.xml".


android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent">

<Button android:id="@+id/Button01" android:layout_width="wrap_content"android:layout_height="wrap_content" android:text="Show Simple Dialog"android:onClick="openMyDialog"></Button>

</LinearLayout>

Change the code of your activity to the following.

package de.vogella.android.alertdialog;

import android.app.Activity;import android.app.AlertDialog;import android.app.AlertDialog.Builder;import android.app.Dialog;import android.content.DialogInterface;import android.os.Bundle;import android.view.View;import android.widget.Toast;

8. Dialogs via the AlertDialog


28 of 39 15-07-2011 13:45



public class ShowMyDialog extends Activity {/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.main);

}

public void openMyDialog(View view) {showDialog(10);

}

@Overrideprotected Dialog onCreateDialog(int id) {

switch (id) { case 10: // Create out AlterDialog Builder builder = new AlertDialog.Builder(this); builder.setMessage("This will end the activity"); builder.setCancelable(true); builder.setPositiveButton("I agree", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int which) { ShowMyDialog.this.finish(); } }); builder.setNegativeButton("No, no", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int which) { Toast.makeText(getApplicationContext(),"Activity will continue",Toast.LENGTH_LONG).show(); } }); AlertDialog dialog = builder.create(); dialog.show(); } return super.onCreateDialog(id); }

}

If you run your application and click your button you should see your dialog.

More on dialogs can be found on Android Dialogs standard documentation.


29 of 39 15-07-2011 13:45


9.1. Overview

In earlier chapter we have used the LinearLayout which allows you to stack widgets vertical or horizontal.LinearLayout can be nested to achieve nice effects. This chapter will demonstrate the usage of "TableLayout".

This layout allows you to organize a view into a table format. You specify via the view group "TableRow" rowsfor your table. Afterwards you put widgets into the individual rows.

On the "TableLayout" you can define which column should take additional space via the"android:stretchColumns" attribute. If several columns should take the available space you can specify themas a comma-separated list. Similar you can use the attribute "android:shrinkColumn", which will try toword-wrap the content of the specified widgets and the attribute "android:collapseColums" to define initiallyhidden columns. Via Java you can display / hide these columns via the method setColumnVisible().

Columns will be automatically created based on the maximum number of widgets in one row. Per default eachwidgets creates a new column in the row. You can specific via "android:layout_column" the column a widgetshould go and via "android:layout_span" how many columns a widget should take.

You can also put non TableRows in a table. This way you can for example add dividers between your columns.

9.2. Example

Create the project "de.vogella.android.layout.table" with the activity "DemoTableLayout". Change "main.xml" tothe following.


android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"><TableLayout android:layout_width="match_parent"

android:id="@+id/tableLayout1" android:layout_height="wrap_content"android:stretchColumns="1"><TableRow android:layout_width="match_parent"

android:layout_height="wrap_content" android:id="@+id/tableRow1"><EditText android:text="Field1" android:id="@+id/editText1"

android:layout_width="wrap_content" android:layout_height="wrap_content"></EditText<EditText android:text="Field2" android:id="@+id/editText2"

android:layout_width="wrap_content" android:layout_height="wrap_content"android:layout_column="2"></EditText>

</TableRow><View android:layout_width="wrap_content" android:id="@+id/view1"

android:layout_height="4px" android:background="#FF0000"></View><TableRow android:id="@+id/tableRow2" android:layout_width="wrap_content"

android:layout_height="wrap_content"><EditText android:layout_height="wrap_content" android:text="Field3"

android:layout_width="wrap_content" android:id="@+id/editText3"></EditText><EditText android:layout_height="wrap_content"

android:layout_width="wrap_content" android:text="Field4"android:id="@+id/editText4"></EditText>

</TableRow>

</TableLayout><Button android:text="Hide second column" android:id="@+id/collapse"

android:onClick="toogleHiddenRows" android:layout_width="wrap_content"android:layout_height="wrap_content"></Button>

</LinearLayout>

Change the activity "DemoTableLayout" to the following to use the button to hide the second column in thetable.

package de.vogella.android.layout.table;

import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.Button;

9. TableLayout


30 of 39 15-07-2011 13:45



import android.widget.TableLayout;

public class DemoTableLayout extends Activity {private TableLayout layout;private Button button;

/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.main);layout = (TableLayout) findViewById(R.id.tableLayout1);button = (Button) findViewById(R.id.collapse);

}

public void toogleHiddenRows(View view) {// Second row has index 1layout.setColumnCollapsed(1, !layout.isColumnCollapsed(1));if (layout.isColumnCollapsed(1)) {

button.setText("Show second column");} else {

button.setText("Hide second column");}

}}

10.1. Overview

ContentProvider are used to provide data from an application to another. ContentProvider do not store thedata but provide the interface for other applications to access the data.

The following example will use an existing context provider from "Contacts".

10.2. Create contacts on your emulator

For this example we need a few maintained contacts. Select the home menu and then the menu entry"Contacts" to create contacts.

10. ContentProvider


31 of 39 15-07-2011 13:45


Press Menu and select "New Contact".

As a result you should have a few new contacts.


32 of 39 15-07-2011 13:45


10.3. Using the Contact Content Provider

Create a new Android project "de.vogella.android.contentprovider" with the activity "ContactsView".

Rename the id of the existing TextView from the example wizard to "contactview". Delete the default text. Alsochange the layout_height to "fill_parent".

The resulting main.xml should look like the following.


android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"><TextView android:layout_width="fill_parent"

android:layout_height="fill_parent" android:id="@+id/contactview" /></LinearLayout>

Access to the contact content provider require a certain permission as not all applications should have accessto the contact information. Open the AndroidManifest.xml, and select the Permissions tab. On that tab click the"Add" button, and select "Uses Permission". From the drop-down list select the entry"android.permission.READ_CONTACTS".

Change the coding of the activity.

package de.vogella.android.contentprovider;

import android.app.Activity;import android.database.Cursor;import android.net.Uri;import android.os.Bundle;import android.provider.ContactsContract;import android.widget.TextView;

public class ContactsView extends Activity {/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);


33 of 39 15-07-2011 13:45



setContentView(R.layout.main);TextView contactView = (TextView) findViewById(R.id.contactview);

Cursor cursor = getContacts();

while (cursor.moveToNext()) {

String displayName = cursor.getString(cursor.getColumnIndex(ContactsContract.Data.DISPLAY_NAME));

contactView.append("Name: ");contactView.append(displayName);contactView.append("\n");

}}

private Cursor getContacts() {// Run queryUri uri = ContactsContract.Contacts.CONTENT_URI;String[] projection = new String[] { ContactsContract.Contacts._ID,

ContactsContract.Contacts.DISPLAY_NAME };String selection = ContactsContract.Contacts.IN_VISIBLE_GROUP + " = '"

+ ("1") + "'";String[] selectionArgs = null;String sortOrder = ContactsContract.Contacts.DISPLAY_NAME

+ " COLLATE LOCALIZED ASC";

return managedQuery(uri, projection, selection, selectionArgs,sortOrder);

}

}

Typically you would display such data in a ListView . Please see the ListView Tutorial for details.

ScrollViews can be used to contain one view that might be to big to fit on one screen. If the view is to big theScrollView will display a scroll bar to scroll the context. Of course this view can be a layout which can thencontain other elements.

Create an android project "de.vogella.android.scrollview" with the activity "ScrollView". Create the followinglayout and class.

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

android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent" android:fillViewport="true">

<LinearLayout android:id="@+id/LinearLayout01" android:orientation="vertical" android:layout_width="fill_parent" an<TextView android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_cont<TextView android:text="@+id/TextView02" android:id="@+id/TextView02" android:layout_width="wrap_content" a

<LinearLayout android:id="@+id/LinearLayout02" android:layout_width="wrap_content" android:layout_height="w<Button android:id="@+id/Button01" android:layout_width="wrap_content" android:layout_height="wrap_<Button android:id="@+id/Button02" android:layout_width="wrap_content" android:layout_height="wrap_

</LinearLayout></LinearLayout></ScrollView>

package de.vogella.android.scrollview;

import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.TextView;

public class ScrollView extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); TextView view = (TextView) findViewById(R.id.TextView02);

11. ScrollView


34 of 39 15-07-2011 13:45



String s=""; for (int i=0; i < 100; i++) { s += "vogella.de "; } view.setText(s); }}

The attribute "android:fillViewport="true"" ensures that the the scrollview is set to the full screen even if theelements are smaller then one screen and the "layout_weight" tell the android system that these elementsshould be extended.

12.1. DDMS - Dalvik Debug Monitor Server

Eclipse provides a perspective for interacting with your device and program. Open it to see the possibleoptions. This perspective includes the following views which can also be used independently and allows toplace calls and send SMS to the device. It also allow to set the current geo position and to perform aperformance trace of your application.

12.2. LogCat View

You can see the log (including System.out.print() statements) via the LogCat view.

12. DDMS perspective and important views


35 of 39 15-07-2011 13:45


12.3. File explorer

The file explorer allows to see the files on the android simulator.

13.1. Android Debugging Bridge - Shell

You can access your Android emulator also via the console. Open a shell, switch to your "android-sdk"installation directory into the folder "tools". Start the shell via the following command "adb shell".

adb shell

You can also copy file from and to your device via the following commands.

// Assume the gesture file exists on your Android deviceadb pull /sdcard/gestures ~/test// Now copy it backadb push ~/test/gesture /sdcard/gestures2

13. Shell


36 of 39 15-07-2011 13:45


This will connect you to your device and give you Linux command line access to the underlying file system,e.g. ls, rm, mkdir, etc. The application data is stored in the directory "/data/data/package_of_your_app".

If you have several devices running you can issue commands to one individuel device.

# Lists all devicesadb devices#ResultList of devices attachedemulator-5554 attachedemulator-5555 attached# Issue a command to a specific deviceadb -s emulator-5554 shell

13.2. Uninstall an application via adb

You can uninstall an android application via the shell. Switch the the data/app directory (cd /data/app) andsimply delete your android application.

13.3. Emulator Console via telnet

Alternatively to adb you can also use telnet to connect to the device. This allows you to simulate certain things,e.g. incoming call, change the network "stability", set your current geocodes, etc. Use "telnet localhost 5554" toconntect to your simulated device. To exit the console session, use the command "quit" or "exit".

For example to change the power settings of your phone, to receive an sms and to get an incoming call makethe following.

# connects to devicetelnet localhost 5554# set the power levelpower status fullpower status charging# make a call to the devicegsm call 012041293123# send a sms to the devicesms send 12345 Will be home soon# set the geo locationgeo fix 48 51

For more information on the emulator console please see Emulator Console manual

Turn on "USB Debugging" on your device in the settings. Select in the settings Applications > Development,then enable USB debugging. You also need to install the driver for your mobile phone. For details please seeDeveloping on a Device . Please note that the Android version you are developing for must be the installedversion on your phone.

To select your phone, select the "Run Configurations", select "Manual" selection and select your device.

14. Deploy your application on a real device


37 of 39 15-07-2011 13:45


Please help me to support this article:

388

Before posting questions, please see the vogella FAQ . If you have questions or find an error in this articleplease use the www.vogella.de Google Group . I have created a short list how to create good questions whichmight also help you.

17.1. Source Code

Source Code of Examples

17.2. Android Resources

Android 2 (German Book)

Android ListView and ListActivity

Android Location API and Google Maps

Android Intents

Android and Networking

Android Homepage

Android Developer Homepage

Android Issues / Bugs

Android Google Groups

Android Assets Studio

17.3. vogella Resources

Eclipse RCP Training Join my Eclipse RCP Training to become an RCP Expert in 5 days (Training in German)

Android Tutorial Introduction to Android Programming

15. Thank you

16. Questions and Discussion

17. Links and Literature


38 of 39 15-07-2011 13:45


http://www.vogella.de

GWT Tutorial Program in Java and compile to JavaScript and HTML

Eclipse RCP Tutorial Create native applications in Java

JUnit Tutorial Test your application

Git Tutorial Put everything you have under distributed version control system


39 of 39 15-07-2011 13:45


Documents

Android Development Tutorial - Gingerbread