Share
Das Erstellen einer attraktiven Benutzeroberfläche für Android-Apps ist fast immer eine zeitaufwändige Aufgabe, wobei Dutzende Android-Versionen, Bildschirmgrößen und Pixeldichten unterstützt werden. In der heutigen Zeit, in der immer mehr Nutzer erwarten, dass Apps die Richtlinien von Material Design einhalten, ist die Aufgabe wahrscheinlich noch schwieriger geworden. Glücklicherweise bietet CodeCanyon mehrere Android-App-Vorlagen, mit denen Sie die Entwicklung Ihrer nächsten App vorantreiben können.
In diesem Lernprogramm helfe ich Ihnen beim Einstieg mit einer solchen Vorlage, der Material Design-UI-Android-Vorlagen-App, die von CreativeForm entwickelt wurde.
Um diesem Tutorial folgen zu können, benötigen Sie die neueste Version von Android Studio und ein Android-Gerät oder einen Emulator, auf dem Android 2.3 oder höher ausgeführt wird.
Melden Sie sich zunächst bei Ihrem Envato Market-Konto an und kaufen Sie das Android-App für Materialdesign-Benutzeroberfläche auf CodeCanyon.
Sie können nun den Quellcode der Vorlage in Form einer ZIP-Datei im finden Downloads Sektion.
Nachdem Sie die ZIP-Datei heruntergeladen und in einen Ordner Ihrer Wahl extrahiert haben, sollten Sie die folgenden Dateien und Ordner haben:
Die Vorlage kann sowohl mit Eclipse als auch mit Android Studio verwendet werden. In diesem Tutorial konzentrieren wir uns jedoch nur auf Letzteres.
Starten Sie Android Studio und wählen Sie die Option Öffnen Sie ein vorhandenes Android Studio-Projekt Option im Begrüßungsmenü. Navigieren Sie zu dem Ordner, in den Sie die Vorlage extrahiert haben, und wählen Sie aus android - AS, und drücke OK.
Die Android Template App für die Materialdesign-Benutzeroberfläche hängt von mehreren Open-Source-Bibliotheken ab. Das compileSdkVersion Bei einigen dieser Bibliotheken handelt es sich um API Level 19, das etwas älter ist als das der Vorlage selbst. Um Buildfehler zu vermeiden, müssen Sie daher die Bibliotheken aktualisieren.
Die folgenden Bibliotheken müssen geändert werden:
Öffne das build.gradle Datei jeder Bibliothek und ändern Sie den Wert von compileSdkVersion zu 21 damit es mit dem übereinstimmt compileSdkVersion der Vorlage.
compileSdkVersion 21
Vergessen Sie nicht, die Taste zu drücken Jetzt synchronisieren Taste, nachdem Sie die Änderungen vorgenommen haben.
An dieser Stelle können Sie die App-Vorlage auf Ihrem Android-Gerät oder Emulator ausführen. Bevor Sie jedoch die Taste drücken Lauf Schaltfläche, stellen Sie sicher, dass die UIAppTemplate Laufkonfiguration ist ausgewählt.
Wenn Sie zum ersten Mal versuchen, die App auszuführen, können einige Fehler auftreten, die sich auf die Zeichenkodierung beziehen. Die Fehler sind in einer Datei vorhanden ProgressWheel.java, die zur Progress Wheel-Bibliothek gehört.
Die einfachste Möglichkeit, die Fehler zu beheben, besteht darin, die Datei zu öffnen, sicherzustellen, dass die Kodierung auf UTF-8 eingestellt ist, und sie zu speichern.
Sobald der Build abgeschlossen ist, sollten Sie den Startbildschirm der App-Vorlage sehen können.
Sie können die Navigationsleiste verwenden, um alle in der Vorlage verfügbaren Layouts, Animationen und benutzerdefinierten Ansichten anzuzeigen. Zum Beispiel wählen Anmeldeseiten> Medien zeigt den folgenden Bildschirm.
Sie können jetzt die Android Design-App für die Material Design-Benutzeroberfläche an Ihre Anforderungen anpassen. Es verfügt über 50 verschiedene Aktivitäten, fünf Themen und weit über 100 Layout-XML-Dateien. Das bedeutet, dass Sie Ihre nächste App erstellen können, indem Sie einfach eine Teilmenge dieser Oberflächenelemente auswählen und Ihre Daten und Ihre Geschäftslogik damit verknüpfen.
Um mehr über die Vorlage zu erfahren, lesen Sie die umfassende Dokumentation, die in der docs Mappe.
Envato Market bietet Hunderte anderer Android-App-Vorlagen, aus denen Sie auswählen können. Es gibt Vorlagen für Spiele und komplette Anwendungen sowie umfassende Starter-Vorlagen, wie wir sie in diesem Beitrag verwendet haben. Werfen Sie also einen Blick darauf und sparen Sie sich viel Arbeit für Ihre nächste Android-App.
Accentsconagua