Hello World

| Drucken |

Im vorherigen Tutorial hatten wir bereits ein Projekt für das Hello World Beispiel erstellt.
Nun schauen wir uns mal das Projekt näher an.

Hello_World Klasse

Wir haben folgenden Code erhalten, der sich in der bereits erstellten "Hello_World.java" befindet.

package de.nooormal.beginner.helloworld;

import android.app.Activity;
import android.os.Bundle;

public class Hello_World extends Activity {
 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 }
}

package de.nooormal.beginner.helloworld;

import android.app.Activity; import android.os.Bundle;

Unsere Klasse extended Activity, d.h. hier handelt es sich somit auch um eine Activity. Diese Klasse bietet eine Vielzahl an Methoden, die beispielsweise beim Erstellen, Pausieren, Stoppen oder beim "Zerstören" einer App, bzw. Activity aufgerufen werden.
Die Methode, die wir hier verwenden, greift im Falle des Erstellens der App, d.h. wir sind ganz am Anfang, rufen die App auf unserem Handy auf:

public void onCreate(Bundle savedInstanceState)

In unserem einfachen Fall beschränken wir uns erst einmal darauf, dass wir beim Starten der App ein Hello World auf den Bildschirm schreiben.

Das Screendesign inklusive Ausgabe geschieht in diesem Fall nicht in dieser Methode selbst, sondern mithilfe dieses Codes:

setContentView(R.layout.main);

Layouts in XML-Dateien

Jetzt wird es anfangs erst mal kompliziert. Dazu muss man wissen, dass ein Hauptbestandteil des Designs von Android Apps in XML geschieht. Dies bedeutet zunächst einmal eine Umstellung.
Natürlich kann man das Design auch programmatisch in der Java Klasse vornehmen. Allerdings wird man schnell die Vorzüge zu schätzen lernen, wenn man ein etwas aufwändigeres Design anstrebt.

Grundsätzlich werden hier einzelne Komponenten wie Layouts, Buttons, Textfelder (TextView), etc. in XML Tags definiert. Das werden wir uns gleich noch genauer anschauen.
Zunächst einmal zurück zu unserem Codestück. Mithilfe der setContentView Methode weisen wir der Activity Ihren Aufbau, also Ihr Design zu. Dies macht man üblicherweise in der onCreate Methode, d.h. wenn wir die App aufrufen, wird auch Ihr Design definiert.

Der R.layout.main Aufruf zeigt auf eine XML-Datei, in der das Layout der App definiert ist. Diese befindet sich im "res" Ordner, im Ordner "layout".

Der Übersichtlichkeit halber nochmals links aufgeführt.

Wir rufen in diesem Fall also die "main.xml" Datei auf.

main.xml

Wie sieht unser Design nun aus? Hier der Inhalt der main.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"
 >
<TextView  
 android:layout_width="fill_parent" 
 android:layout_height="wrap_content" 
 android:text="@string/hello"
 />
</LinearLayout>

android:orientation="vertical"

android:layout_width="fill_parent"
 android:layout_height="fill_parent"

In diesem LinearLayout-Tag befindet sich ein weiterer Tag namens TextView. Dieses ist unser Textfeld, in welches wir unser Hello World schreiben wollen. Hierin sehen wir eine weitere Variante, die Breite, bzw. Höhe anzugeben:

android:layout_height="wrap_content"

Die Angabe des Inhalts des Textfeldes geschieht auch hier in der XML-Datei selbst. Allerdings wird hier nicht direkt der Text angegeben, sondern auf eine weitere XML-Datei verwiesen (als wäre es am Anfang nicht schon kompliziert genug).

android:text="@string/hello"

Ebenfalls möglich wäre natürlich die Angabe

android:text="Hello World"

strings.xml

Die entsprechende strings.xml Datei finden wir im Ordner "values". Diese beinhaltet folgenden Code:

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <string name="hello">Hello World, Hello_World!</string>
 <string name="app_name">Hello World</string>
</resources>

Hiermit geben wir grob gesagt eine String-Ressource an, auf die im gesamten Projekt zugegriffen werden kann. Dank der Angabe

<string name="hello">Hello World, Hello_World!</string>

Ebenso sehen wir einen weiteren String, der "app_name" heißt. So wird auch die Überschrift der App lauten, die in der Leiste (Label) ganz oben erscheint.

Ok, lassen wir uns das bisherige nochmal durchgehen. Wir hatten ein Android Projekt erstellt, welche eine Activity beinhaltet. In dieser wird beim Erstellen der App in der onCreate Methode ein Layout mithilfe der setContentView Methode zugeordnet.
Dieses Layout wird in der XML-Datei namens main.xml definiert. Dort befinden sich ein LinearLayout, das die vertikale Ausrichtung von Objekten (hier Textfeld) vorschreibt. Dieses Textfeld wird mit dem Text "Hello World, Hello_World!" gefüllt, welches in einer weiteren XML-Datei Datei als Ressource definiert ist.

Android Manifest

Als letztes Puzzleteil fehlt noch das AndroidManifest.xml. Dort werden verschiedenste Sachen definiert, die für die Applikation gelten sollen. Dinge wie Berechtigungen (darf die App auf Kontakte, Internet, GPS, etc zugreifen) oder auch die Activities, die in dieser App existieren.

Da wir eine Activity benutzen, wird diese daher auch in der AndroidManifest angegeben. Hier die XML-Ansicht:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="de.nooormal.beginner.helloworld"
 android:versionCode="1"
 android:versionName="1.0">
 <application android:icon="@drawable/icon" android:label="@string/app_name">
 <activity android:name=".Hello_World"
 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>
</manifest> 

Hier sehen wir wieder das Package, unsere Version der App und einen "application"-Tag. In diesem Tag werden alle Activities eingefügt. Da wir nur eine Activity haben, steht hier auch nur eine drin. Würden wir noch weitere Activities erstellen, müssten wir diese hier auch angeben. Hier finden wir auch die Ressource "app_name", die wir zuvor in strings.xml gesehen haben.

Zusätzlich wird der Application noch ein Standard-Icon zugewiesen, damit die App ein hübsches Icon bekommt, wenn es in unserer App-Liste auftaucht.

android:icon="@drawable/icon"

Für die etwas eingängigere Darstellung der XML-Dateien bietet Eclipse hübsche Dialoge, auf die ich hier nicht weiter eingehen werde. Im Grunde dienen diese nur dazu, die entsprechenden Tags in die jeweilige XML Datei zu schreiben. Daher ist es grundsätzlich gut, wenn man die Struktur kennt. Ebenfalls ein schönes Feature ist die Voransicht bei Layouts.

Damit hätten wir erst einmal die Hello World App grob umrissen. Hier zeigt sich zunächst einmal die etwas kompliziertere Gangart mit XML-Dateien. Nach etwas Herumspielen mit Layouts wird man feststellen, dass das auch durchaus Vorteile bringt. Darauf werden wir in weiteren Tutorials eingehen.

Die fertige App :)

Schlussendlich sieht unsere App nun wie folgt auf dem Handy aus:

Herzlichen Glückwunsch zum ersten (wenn auch etwas komplizierten) Schritt zum App-Entwickler! :)
Jetzt heißt es, am Ball bleiben!