Layout

Im ersten Teil dieses Projektes wird das Layout erstellt, also festgelegt wie die Benutzeroberfläche aussieht. Android Studio stellt dafür einen Drag-and-Drop UI-Editor bereit. In der Datei "activity_main.xml", zu finden unter "app/res/layout/", ist gespeichert, wie die Benutzeroberfläche der Activity aussieht. Wenn unten im Tab auf "Design" gewechselt wird, öffnet sich direkt eine Vorschau der Oberfläche, die nur den Text "Hello World" enthält. Dieser kann gelöscht werden.

Das erste Element, das benötigt wird, ist ein Eingabefeld für den Geldwert, der umzuwandeln ist. Dafür findet sich unter "Text Fields" die Option "Plain Text". Wenn das Element auf die Oberfläche gezogen wird, werden bereits die Abhängigkeiten für die Positionierung gezeigt. um das Textfeld mittig am oberen Rand zu platzieren wird es an die gewünschte Position gezogen sodass die Eigenschaften "centerHorizontal" und "alignParentTop" angezeigt werden. Dies sind nur zwei von verschieden Möglichkeiten, Objekte abhängig von anderen zu platzieren, im Laufe dieser Anleitung wird auf weitere eingegangen. Um die Breite des Textfeldes festzulegen, wird die Option "width" im "Properties" Menü auf Beispielsweise 200dp festgelegt.

Um auf ein Objekt zugreifen zu können, muss es eine eindeutige id besitzen. Mit einem Doppelklick auf das entsprechende Objekt kann diese festgelegt werden (im Beispiel: "editTextEingabe"). Dabei ist es hilfreich, den Typ (hier: "editText") in der id zu belassen.

Auf gleiche Weise werden jetzt ein Button zum Umrechen und ein Ausgabefeld (TextView/ "Large Text") hinzugefügt. Diese sollen auch mittig, untereinander, und jeweils abhängig vom vorherigen Element sein. Die ids sollen "buttonRechnen" und "textViewErgebnis" sein.

Um dem Button eine Funktion hinzuzufügen, muss in der onClick Eigenschaft eine Methode festgelegt werden, die in der zugehörigen Klasse enthalten ist. Der Wert kann bereits auf "umrechnen" gesetzt werden, die Methode wird im nächsten schritt geschrieben.