Comment intégrer material design dans Android studio - Letecode

Comment intégrer material design dans Android studio

Comment intégrer material design dans Android studio

Jean Claude Mbiya
Jean Claude Mise à jour : 21 décembre 2022 1667 1

Material Design dans Android Studio

Salut à tous, dans cette nouvelle série d'articles sur Android, je vous invite à être bien concentré. Dans ce premier article, je vais vous parler sur le Material Design de Google et comment l'utiliser dans vos projets Android.

Material Design, c'est quoi ? 

Tout d'abord, je vais vous dire c'est quoi le Material design. 

Le Material Design est un ensemble de règles de design proposées par Google et qui s'appliquent à l'interface graphique des logiciels et applications. Il est utilisé notamment à partir de la version 5.0 du système d'exploitation Android.

Google a présenté le Material Design pour la première fois lors de la conférence Google I/O, le 25 juin 2014. En misant sur les motifs « carte », déjà utilisés dans Google Now, ces règles de design mettent l'accent sur une utilisation accrue des mises en page basées sur une grille, des animations et des transitions, des effets de profondeur tels l'éclairage et les ombres. Selon Google ce nouveau langage de design est basé sur le papier et l'encre.

Le designer Matías Duarte explique que « contrairement au vrai papier, notre matériau numérique peut s'étirer et se modifier de manière intelligente. Le matériau contextuel a une surface physique et des bords. Les superpositions et les ombres donnent des informations sur ce que vous pouvez toucher »

Si vous vous comprenez bien, le material design proposé par l'entreprise Américaine Google, n'est pas seulement pour les Android, mais pour tout logiciel et application. Dans notre cas nous allons l'utiliser dans Android, dans le but de construire des interfaces plus beaux et plus simples.

Grâce aux éléments que compose ce nouveau style de design, vous allez faire des interfaces avec des cards, ombres, animations et plein des trucs géniaux.

Comment intégrer dans Android Studio ?

Android studio est connu comme l'IDE officiel pour le développement des applications Android. Il contient des outils nécessaire pour un bon développement : un éditeur de code intelligent, interface graphique, un émulateur Android, et bien plus d'autres outils. Je vais publier le plus tôt possible un article sur l'installation de ce merveillleux logiciel.

Sans plus tarder, si vous avez déjà installé Android Studio, c'est déjà une bonne chose. Au moment de la rédaction de cet article, Android Studio est à la version 3.6.1, télécharger la dernière version d'Android studio sur le site officiel.

Si vous n'avais pas encore de projet, créez un nouveau projet via Fichier > Nouveau > Nouveau Projet

Dès que votre projet est prêt, vous pouvez ajouter les dépendences ou les libraires des Material Design dans le fichier Gradle de votre application se trouvant sur : build.gradle (Module: app)

Le plus important de tous :  implementation 'com.google.android.material:material:1.1.0', car il contient à lui seul beaucoup des composants comme des Boutons, des ViewPager, et bien plus encore.

Après avoir ajouté les lignes suivantes, cliquer sur Sync Now pour faire un Build de votre projet.

Et voilà, tout reste maintenant à passer au bon codage plus simple et avec des meilleurs outils.

un exemple : 

un Joli Card avec du text.

xml :

 

Merci et au prochain numéro !

vote
Jean Claude Mbiya
Jean Claude Mbiya

Développeur Web full stack, Développeur Android (Certifié Google AAD) Formateur dans les domaines du numérique, Créateur letecode.com 👨‍💻. Je suis un grand passionné des nouvelles technologies et j'adore partager ce que j'apprend.

0 commentaire(s)

  • Image placeholder
    azur il y a 4 ans

    good

    Répondre

Laissez votre commentaire à @johnmbiya

ou pour laisser un commentaire