Umsetzung der Screens in Android - oliverbra/Projekt1_HCI_TeamCMTO GitHub Wiki

Während das Screendesign entwickelt wurde, wurde parallel der Code für die Funktionen der App implementiert. Für den Code wurde dann zunächst nur mit "Screen-Gerüsten" gearbeitet, die Standard-Komponenten von Android Studio. Auf dessen Basis wurde dann das Screendesign integriert. Besonders gut funktioniert hat dieses Vorgehen bei der Registrierung, dem Login, dem Profil, der Startseite und der Review, da bei diesen direkt das Design in dem XML-Layout angepasst werden konnte. Komplizierter wurde es bei dem Erstellen eines GS und dem GS Screen, da bei diesen noch Interaktionsprinzipien wie bspw. eine Tab bar implementiert werden mussten. Dementsprechend mussten auch die Attribute und Komponenten auf verschiedene Fragmente aufgeteilt werden, welche zuvor nur auf einer Activity lagen.

Bei den XML-Layouts haben wir mit Constraint Layouts gearbeitet, um ein Responsive Design für mobile Endgeräte zu realisieren. Dabei war die Arbeit mit dem Constraint Layout sehr intuitiv und hat sehr gut funktioniert. Wichtig dabei war, dass die Constraints jeder Komponente vertikal sowie horizontal definiert wurden. So konnte definiert werden, wie sich die einzelne Komponente auf dem Screen verhält.