Développez votre première application Android avec Android Studio

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
14.234
مستوى التفاعل
25.224


أهلا و سهلا بكافّة الإخوة الأعضاء والزوار في منتديات تونيزيا سات

Grâce à ce tutoriel on va voir ensemble comment installer et configurer l'IDE Android Studio pour commencer à développer notre première application Android

Ce tutoriel est composé de plusieurs parties, je vais expliquer en détails chacune d'eux et à la fin on va avoir un fichier APK, qui est le fichier d'installation de notre première application Android

Introduction à Android Studio



Android Studio est un environnement de développement pour développer des applications Android. Il est basé sur IntelliJ IDEA, bien que Google ait jusque là proposé ses outils de développement pour Android sous la forme d'extensions pour l'environnement Eclipse

Configuration système

Microsoft® Windows® 8/7/Vista/2003 32 or 64-bit
2GB RAM minimum, 4 GB RAM recommended
400MB hard disk space + at least 1 G for Android SDK
 
التعديل الأخير:

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
14.234
مستوى التفاعل
25.224


Pendant cette partie on va s’intéresser à l'installation et la configuration de notre IDE Android Studio, les étapes sont bien expliqué ci dessous

On Commence tout d'abord par télécharger et installer le JDK depuis le site officiel


1455747345_download.png

On télécharge après notre IDE Android Studio de puis le site officiel developer Android




1455747345_download.png

On fait double click sur le fichier exécutable et on commence l’installation de notre IDE



On appui sur NEXT



On coche les deux cases Android SDK et Android Virtual Device AVD pour les télécharger et les installer pendant l'installation de l'IDE



On appui de nouveau sur I agree




On choisi l'emplacement d'installation et on appui sur NEXT





A la fin on appui sur FINISH






Après, le téléchargement et l'installation de l'SDK Android va commencer



Et pour finir on appui sur FINISH



Désormais, notre IDE est installé et prêt à être utilisé

 
التعديل الأخير:

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
14.234
مستوى التفاعل
25.224


On passe maintenant à la troisième partie
Maintenant on va créer un nouveau projet dans Android Studio, je vais expliquer les éléments les plus important dans cet IDE et à la fin on va voir comment créer un Android Virtual Device pour lancer et tester nos applications développés

D'abord on appui sur Start new android studio project




On choisi un nom à notre application ainsi un nom pour le package des classes Java et l'emplacement d’enregistrement du projet et on appui sur NEXT




On choisi le type d’équipement auquel on va développer une application, dans notre cas on va choisir PHONE & TABLET on peut aussi développer pour WEAR, TV, GOOGLE GLASS sans oublier de mentionner la version minimale d'android sur laquelle notre application peut fonctionner et Android Studio va indiqué le pourcentage des appareils qui seront compatibles avec cette application


On choisi BLANK ACTIVITY et on appui sur NEXT



On donne un nom à l'activité et on appui sur FINISH, dans mon cas j'ai rien changé


Par la suite le projet sera créée


L'interface de notre IDE va vous sembler un peut compliqué mais j'ai essayé d'expliquer les éléments les plus important dans un projet Android


On va commencer par écrire un message d’accueil dans notre application, pour cela il faut faire un double click sur le fichier Strings.xml à gauche de l'IDE et dans l'élément HELLO WORLD on écrit notre message



Le message sera affiché dans l'appareil comme suit



On crée maintenant un Android Virtual Device pour tester nos applications android





Android Studio va détecter vos anciens AVD mais vous pouvez créer de nouveaux



On choisi un modèle et on appui sur NEXT depuis la fenêtre PHONE



L'AVD que je vais créer fonctionne avec la version 5 d'Android, la version LOLLIPOP, vous pouvez télécharger vos propres images depuis SDK MANAGER

]

On donne un nom à notre AVD puis on appui sur FINISH et l'AVD sera lancé





Désormais, on peut commencer à coder

:sm-type:

 
التعديل الأخير:

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
14.234
مستوى التفاعل
25.224



On passe maintenant à la dernière étape, on va commencer à coder notre application android

D'abord on commencer par créer notre interface graphique, on va avoir besoin cette fois d'un champ de texte et un bouton, on les glisse de la barre d'outils vers l'interface comme suit



On fait un double click sur le champ de text et on choisi un text et un ID




La même chose pour le bouton



Si on retourne à notre fichier XML on va trouver une erreur qui dit que chaque texte utilisé doit être présent dans le fichier Strings, et c'est correcte




On se dirige vers le fichier Strings qui se situe dans le dossier VALUES et on ajoute deux attributs qui sont "nom" et "ok" comme suit



On retourne à notre fichier XML pour corriger l'erreur et on remplace le text par @String/variable comme suit dans le champ de text et le bouton




On passe maintenant à notre classe MainActivity.java pour donner l'action au bouton déjà créer, j'ai expliqué le code ci dessous




Java:
 import android.os.Bundle;
        import android.app.Activity;
        import android.view.View;
        import android.view.View.OnClickListener;
        import android.widget.Button;
        import android.widget.EditText;
        import android.widget.Toast;
public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         final EditText text1 = (EditText) findViewById(R.id.text1);
        Button button1 = (Button) findViewById(R.id.button1);
        button1.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(), "Bienvenue "+text1.getText().toString(),
                        Toast.LENGTH_SHORT).show();
            }
        });
    }
}
A la fin on exécute notre projet on appuyant sur le bouton RUN en haut, l'AVD sera lancé automatiquement et l'application va se lancer, je vous présente la capture d'écran



J’espère que j'ai bien expliqué les étapes pour développer votre première application Android, vous trouvez l'application qu'on vient de créer aux pièces jointes


;)
 

المرفقات

التعديل الأخير:

ChafikBlanco

عضو نشيط
إنضم
27 مارس 2014
المشاركات
255
مستوى التفاعل
123
نحكي أناهو 7u71 JDK
7u72 JDK أو

أنا عندي وندوز entreprise 8.1
32 بت


 

youssef 007

عضو مميز في منتدى الأنيمي
إنضم
21 جويلية 2008
المشاركات
984
مستوى التفاعل
2.293
merci pour les tutoriels, j'ai un question, je veut connetre s'il y a une methode pour ajouter CSS au pages xml pour modifier les styles classiques de composants et merci :satelite:
 

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
14.234
مستوى التفاعل
25.224
merci pour les tutoriels, j'ai un question, je veut connetre s'il y a une methode pour ajouter CSS au pages xml pour modifier les styles classiques de composants et merci
Vous pouvez développer des applications Android en utilisant HTML, CSS,JAVASCRIPT et puis convertir tout ca en utilisant le framework PHONEGAP
 
التعديل الأخير:
أعلى