Comment démarrer avec un modèle d'application Android

La création d'une interface utilisateur attrayante pour les applications Android est presque toujours une tâche fastidieuse, car elle prend en charge des dizaines de versions Android, de tailles d'écran et de densités de pixels. Ces jours-ci, avec de plus en plus d'utilisateurs s'attendant à ce que les applications respectent les directives de Material Design, la tâche est devenue encore plus difficile. Heureusement, CodeCanyon propose plusieurs modèles d’applications Android que vous pouvez utiliser pour lancer rapidement le développement de votre prochaine application..

Dans ce tutoriel, je vais vous aider à démarrer avec un tel modèle, appelé Application de modèle Android pour Material Design UI, qui a été développé par CreativeForm..

Conditions préalables

Pour pouvoir suivre ce didacticiel, vous aurez besoin de la dernière version d'Android Studio et d'un périphérique ou émulateur Android exécutant Android 2.3 ou une version ultérieure..

1. Obtenez le modèle

Commencez par vous connecter à votre compte Envato Market et en achetant le Application de modèle pour Android sur CodeCanyon.

Vous allez maintenant pouvoir trouver le code source du template sous la forme d’un fichier ZIP dans le Téléchargements section.

Après avoir téléchargé le fichier ZIP et l'extrait dans un dossier de votre choix, vous devriez avoir les fichiers et les dossiers suivants:

2. Ouvrez le modèle

Le modèle peut être utilisé avec Eclipse et Android Studio. Dans ce tutoriel, cependant, concentrons-nous uniquement sur ce dernier.

Lancez Android Studio et sélectionnez le Ouvrir un projet Android Studio existant option dans le menu d'accueil. Accédez au dossier dans lequel vous avez extrait le modèle, sélectionnez android - AS, et appuyez sur D'accord.

3. Configurez le modèle

L'application de création d'applications de modèle pour Android dépend de plusieurs bibliothèques à code source ouvert. le compileSdkVersion Le niveau 19 de l’API, qui est légèrement plus ancien que celui du modèle, fait partie de certaines de ces bibliothèques. Par conséquent, pour éviter les erreurs de construction, vous devez mettre à jour les bibliothèques..

Voici les bibliothèques qui doivent être changées:

  • StickyListHeaders
  • Roue de progression

Ouvrez le build.gradle fichier de chaque bibliothèque et changer la valeur de compileSdkVersion à 21 afin qu'il corresponde au compileSdkVersion du modèle.

compileSdkVersion 21

N'oubliez pas d'appuyer sur le Synchroniser maintenant bouton après avoir effectué les modifications.

4. Exécuter le modèle

À ce stade, vous pouvez exécuter le modèle d'application sur votre appareil ou émulateur Android. Cependant, avant d’appuyer sur le Courir bouton, assurez-vous que le UIAppTemplate exécuter la configuration est sélectionné.

Notez que la première fois que vous essayez d'exécuter l'application, vous risquez de rencontrer quelques erreurs liées au codage de caractères. Les erreurs sont présentes dans un fichier appelé ProgressWheel.java, qui appartient à la bibliothèque Progress Wheel.

Le moyen le plus simple de corriger les erreurs est d'ouvrir le fichier, de s'assurer que son codage est défini sur UTF-8 et de le sauvegarder..

Une fois la construction terminée, vous devriez pouvoir voir l'écran d'accueil du modèle d'application..

N'hésitez pas à utiliser le tiroir de navigation pour afficher toutes les mises en page, animations et vues personnalisées disponibles dans le modèle. Par exemple, en choisissant Pages de connexion> Média vous montre l'écran suivant.

Conclusion

Vous pouvez maintenant commencer à personnaliser l'application de modèle Android pour Material Design UI en fonction de vos besoins. Il propose plus de 50 activités différentes, cinq thèmes et plus de 100 fichiers XML de mise en page. Cela signifie que vous pouvez créer votre prochaine application en choisissant simplement un sous-ensemble de ces éléments d'interface utilisateur et en y associant vos données et votre logique métier..

Pour en savoir plus sur le modèle, consultez la documentation complète disponible dans son manuel. docs dossier.

Envato Market propose des centaines d'autres modèles d'applications Android. Il existe des modèles pour les jeux et les applications complètes, ainsi que des modèles de démarrage complets comme celui que nous avons utilisé dans cet article. Alors jetez un oeil, et vous pourriez vous épargner beaucoup de travail sur votre prochaine application Android.