1.

Introduction

Android is an Operating System for mobile devices developed by Google, which is built upon Linux
kernel. Android competes with Apple's iOS (for iPhone/iPad), RIM's Blackberry, Microsoft's Windows
Phone, Symbian OS, and many other proprietary mobile OSes.

The latest Android 7 (Nougat) and Android 8 (Oreo) supports Phone/Tablet, TV, Wear (watch and
glass), Automobile and Internet of things.
Android Platform
Android is based on Linux with a set of native core C/C++ libraries. Android applications are written
in Java. However, they run on Android's own Java Virtual Machine, called Dalvik Virtual Machine
(DVM) (instead of JDK's JVM) which is optimized to operate on the small and mobile devices.

In May 2017, Google announced support for Android app development in the Kotlin programming
language, supported in Android Studio 3.0. Kotlin will not be discussed in this article.
The mother site for Android is https://www.android.com. For programmers and developers,
visit https://developer.android.com to download the SDK, Android Training, API Guides and API
documentation.
(For Windows)
1. Launch Android Studio ⇒ It will run the "setup" wizard for the first launch ⇒ do not import
previous settings ⇒ In "Installation Type", choose "Standard" ⇒ Check the SDK folder, by
default @ c:\Users\username\AppData\Local\Android\Sdk ⇒ Finish.
This step will download another 1GB of SDK package and take times to complete.
Note: In Windows, "AppData" is a hidden directory. You need to choose "View" ⇒ Check
"Show Hidden Items" to see this directory.
2. (Optional) You can check the SDK packages installed by selecting "Configure" ⇒ "SDK
Manager":
o Under "SDK Platforms":
 Android API 27
o Under "SDK Tools":
 Android SDK Build Tools
 Android Emulator 27.x.x
 Android SDK Platform-Tools 27.x.x
 Android SDK Tools 26.x.x
 Intel x86 Emulator Accelerator (HAXM installer)
 Android Support Repository
 Google Repository
(For Mac OS X)
1. Launch Android Studio ⇒ It will run the "setup" wizard for the first launch ⇒ do not import
previous settings ⇒ In "Installation Type", choose "Standard" ⇒ Check the SDK folder, by
default @ "/Users/username/Library/Android/sdk" (aka "~/Library/Android/sdk") ⇒
Finish.
This step will download another 1GB of SDK package and take quite sometimes to complete.
2. (Optional) You can check the SDK packages installed by selecting "Configure" ⇒ "SDK
Manager":
o Under "SDK Platforms" tab:
 Android API 27
o Under "SDK Tools" tab:
 Android SDK Build Tools
 Android Emulator 27.x.x
 Android SDK Platform-Tools 27.x.x
 Android SDK Tools 26.x.x
 Intel x86 Emulator Accelerator (HAXM installer)
  Android Support Repository
 Google Repository

3. Write your First Android App

Android apps are written in Java, and use XML extensively. I shall assume that you have basic
knowledge of Java and XML.

Take note that Android emulator is slow - VERY VERY VERY SLOW!!! Be Patient!!!

3.1 Hello-World
Step 0: Read
Goto "Android Guides" @ https://developer.android.com/guide/index.html. Read "Building your first app".
Step 1: Create a New Android Project
1. Launch Android Studio.
2. Choose "Start a new Android Studio Project".
3. In "Create Android Project" dialog ⇒ Set "Application Name" to "Hello Android" (this will be
the "Title" in your phone's App menu) ⇒ Set your "Company Domain" to "example.com" ⇒ In
"Project Location", choose your project directory, e.g., d:\myProject or use the default
location ⇒ Do NOT check the "Include C++ Support" ⇒ Next.
4. In "Target Android Devices: Select the form factor and minimum SDK" ⇒ Check "Phone and
Tablet" (default) ⇒ In "Minimum SDK", choose "API 15: Android 4.0.3 (IceCreamSandwich)"
(default) ⇒ Leave all of the other options (TV, Wear, and Glass) unchecked (default) ⇒ Next.
5. In "Add an activity to Mobile" dialog ⇒ Select "Empty Activity" (default) ⇒ Next.
6. In "Configure Activity" dialog ⇒ Set "Activity Name" to "MainActivity" (default) ⇒ Set
"Layout Name" to "activity_main" (default) ⇒ Next ⇒ Finish.
7. Be patient! It could take a while to set up your first app. Watch the "progress bar" at the
bottom status bar.
8. Once the progress bar indicates completion, a hello-world app is created by default.
Step 2: Setup Emulator (aka Android Virtual Device (AVD))
To run your Android app under the emulator, you need to first create an Android Virtual Devices
(AVD). An AVD models a specific device (e.g., your jPone or Taimi). You can create AVDs to emulate
different android devices (e.g., phone/tablet, android version, screen size, and etc.).
1. In Android studio, select "Tools" ⇒ Android ⇒ AVD Manager. See "Common Errors" below if
you cannot find "AVD manager".
2. Click "Create Virtual Device".
3. In "Select Hardware: Choose a device definition" dialog ⇒ In "Category", choose "Phone" ⇒ In
"Name", choose "2.7 QVGA" (the smallest device available - you can try a bigger device later)
⇒ Next.
4. In "System Image: Recommended" ⇒ Select the version with the highest API level ⇒ Click
"Download" ⇒ Next.
 5. In "AVD Name", enter "2.7 QVGA API 27" (default) ⇒ Finish.
6. If you see "VT-x is disabled in BIOS": Check your BIOS setting to ensure that "Virtualization
Technology" is enabled. Shutdown and re-boot your PC to enter the BIOS setup. This is
machine dependent. Google "Your-PC-brand-and-model enter BIOS setup". For example, for
my HP computer ⇒ Boot ⇒ "ESC" to enter BIOS setup ⇒ Advanced ⇒ System Options ⇒
Check "Virtualization Technology (VTx)" ⇒ Save ⇒ Exit.
Step 3: Run the Android App on Emulator
1. Select the "Run" menu ⇒ "Run app" ⇒ Check "Launch Emulator" ⇒ Select "2.7 QVGA API 27"
⇒ OK.
2. You MAY BE prompted to install Intel HAXM (Hardware Accelerated Execution Manager).
Follow the instruction to install HAXM.
3. Be patient! It may take a few MINUTES to fire up the app on the emulator. You first see a
Google logo ⇒ then "Android" ⇒ then the "wallpaper" ⇒ then the "Hello, world!" message.
If you have problem running on the emulator, I suggest you try to run on an actual
Android device (phone/pad) if you have one. Goto next step.
4. DO NOT CLOSE THE EMULATOR, as it really takes a long time to start. You could always re-
run the app (or run a new app) on the same emulator. Try re-run the app by selecting "Run"
menu ⇒ "Run app".
Deleting a Project
To delete a project, select "File" ⇒ "Close Project" ⇒ On the "Recent Projects" ⇒ Hover over the
project ⇒ Press "Delete" key on the project to remove the project from Android Studio ⇒ You can
then delete the project directory from the file system.

3.2 Hello-world "by Coding"

There are two ways to create User Interface (UI) on Android: (1) Write Java codes; (2) Layout via XML
descriptions and let the system generates the Java code for you.

Let's begin with writing Java codes (because I suppose to teach you programming). We shall
continue from the "Hello Android" project created earlier.
MainActivity.java
Expand the "app" node. Expand the "java" node. Expand the "com.example.helloandroid" package
node. Open the "MainActivity.java" (which actually has already been opened). REPLACE
the onCreate() method as follows and add the import statement. Do not touch the rest of the
codes.

package ......;

import ......;
import android.widget.TextView; // Add this line

public class MainActivity extends ...... {

 // REPLACE the ENTIRE onCreate() method as follows:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TextView textView = new TextView(this); // Construct a TextView UI
component
textView.setText("Hello, from my Java code!"); // Set the text message for
TextView
setContentView(textView); // this Activity sets its content to the TextView
}

// Do not touch the rest of the codes, if any

......
......
}

Run the application ("Run" ⇒ "Run app"). You shall see the message "Hello, from my Java code!"
displayed.
Dissecting the "MainActivity.java" - Application, Activity & View
An Android application could have one or more Activity.
An Activity, which usually has a screen, is a single, focused thing that the user can interact with the
application (hence called activity). The MainActivity extends the android.app.Activity class, and
overrides the onCreate() method. The onCreate() is a call-back method, which is called back by the
Android system when the activity is launched.
A View is a UI component (or widget, or control). We construct a TextView (which is a
subclass View for showing a text message), and set its text. We then set the content-view of
the MainActivity screen to this TextView.
Android Application Descriptor File - " AndroidManifest.xml"
Each Android application has a manifest file named AndroidManifest.xml under "app" ⇒
"manifests". It describes the Android app.
For example, our "Hello Android" application, with an activity MainActivity, has the following
manifest (generated automatically by the Android Studio when the project was built):

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

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.helloandroid" >

<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity
android:name=".MainActivity">
 <intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
 The <manifest> element specifies the package name.
 The <manifest> contains one <application> element.
 The <application> element specifies the icon, label (the application's title) and theme of this
application. It contains one ore more <activity> elements.
 This application has one activity. The <activity> element declares its program name
("MainActivity" in default package); and label (the activity's screen title). It may
contain <intent-filter>.
 The <intent-filter> declares that this activity is the entry point
(android.intent.action.MAIN) of the application. This activity is to be added to the application
launcher (android.intent.category.LAUNCHER ).
3.3 Hello-World using "XML Layout"
Instead of writing Java codes to create the user interface (UI) (as in the above example using
a TextView component). It is more flexible and therefore recommended to layout your UI
components via a descriptive XML layout file. In this way, you don't need to hardcode the views, and
you can easily modify the look and feel of the application by editing the XML markups. The Java
codes can therefore focus on the business logic.

Let's rewrite our hello-world to use XML layout.

Step 1: Create a New Android Application
CLOSE the previous project, via "File" ⇒ "Close Project" (Always CLOSE the previous project before
starting a new project).
Create a new Android project with application name " Hello Android XML", domain name
"example.com". Select "Phone and Tablet". Add an "Empty Activity" with activity name
"MainActivity" and layout name "activity_main".
Step 2: Define the Layout in XML - " res\layout\activity_main.xml"
Expand the "app", "res (resource)", "layout" node. Open the " activity_main.xml" (which is actually
already opened). Android Studio provides two views for this XML file: "Design (or Graphical)" and
"Text (or XML)" - selectable at the bottom of the panel. Select the "Text" mode and study the codes:

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

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
 android:layout_height="match_parent"
tools:context="com.example.helloandroidxml.MainActivity">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />

</android.support.design.widget.CoordinatorLayout>
It declares a TextView (text field) that holds a text string " Hello World!". The TextView component
has width and height big enough to hold its content (" wrap_content").
Step 3: Defining String References and Values - " res\values\string.xml"
Instead of hardcoding the Hello-World string directly inside the TextView (as in the above XML file),
we shall use a string reference (similar to a variable) for better flexibility.
Expand res/values node. Open strings.xml, and ADD the line in red:

<resources>
<string name="app_name">Hello Android XML</string>
<string name="hello">Hello world from XML!</string>
</resources>
This "string.xml" defines 2 references/values:
 A string reference "app_name" contains the application's name, that you entered when you
created the project.
 A string reference "hello" contains the value of "Hello world from XML!".
Now, modify the "activity_main.xml" to use the string reference " hello", in the format
"@string/hello", as follows:

......
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello" />
......

Step 4: The Activity - "MainActivity.java"

Next, check the "MainActitivy.java" (under app/java/com.example.helloandroidxml ), as follows:

package ......;
import ......;

public class MainActivity extends ...... {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// Use "activity_main.xml" to layout the screen.
}
}
The "MainActivity" sets its content-view to "R.layout.activity_main", which is mapped to the
XML layout file "res\layout\activity_main.xml" that we have modified earlier.
Step 5: Run the App
Run the application. You shall see the new string " Hello, from XML!" displayed.

Common Errors :
1. If everything fails, select "File" menu ⇒ "Invalidate Caches / Restart..." ⇒ and wait ...
2. Cannot find "AVD manager" in the "Tool" menu: You may not have enough packages needed
for the project. You should have a window with Gradle alert with a link which you can click and
you will see a window with a prompt to download missing packages. When all stuff
downloaded the "ADV manager" should be enabled.
3. If you get an error message "Fail to find target with hash string 'android-26'". Either click
the link "Install missing platform(s) and sync project" to install API-26 (another GB download!);
or Under "Gradle Scripts" ⇒ Open "build.gradle (Module: app)" ⇒ Change
"compileSdkVersion" and "targetSdkVersion" from 26 to 27 (we have installed API-27) and
"com.android.support:appcompat-v7:26.x.x " to "27.0.0".
4. If you get an error message "Re-download dependencies and sync project (requires network)",
click the link to download. If the message appears again:
o (Windows) Goto "C:\Users\username\.gradle\wrapper\dists" and delete "gradle-
x.x-all". Take note the ".gradle" is a hidden directory and you need to enable viewing
of hidden directory.
o (Macs) Goto "~\.gradle\wrapper\dists" and delete "gradle-x.x-all". Take note the
".gradle" is a hidden directory and you need to enable viewing of hidden directory.
Restart Android Studio.
This error is due to poor network condition, resulted in corrupted download.