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

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.894
مستوى التفاعل
25.313
fKPQ5.png


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

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

dyasjo.jpg


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
المشاركات
16.894
مستوى التفاعل
25.313
fKPQ5.png


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


dyasjo.jpg


1455747345_download.png

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

9054581.jpg


On appui sur NEXT

1301702.jpg


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

8452223.jpg


On appui de nouveau sur I agree


3356464.jpg


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

5958755.jpg


8060107.jpg


A la fin on appui sur FINISH


5734799.jpg


62091810.jpg


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

57436811.jpg


Et pour finir on appui sur FINISH

16651512.jpg


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

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

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.894
مستوى التفاعل
25.313
fKPQ5.png


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


72958013.jpg


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


70700914.jpg


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

40033115.jpg

On choisi BLANK ACTIVITY et on appui sur NEXT

80865416.jpg


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

85244917.jpg

Par la suite le projet sera créée

71097318.jpg

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

17193619.jpg

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

69772720.jpg


Le message sera affiché dans l'appareil comme suit

36595821.jpg


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


52384322.jpg



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

65078523.jpg


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

22982324.jpg


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

11756725.jpg
]

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


57009726.jpg



Désormais, on peut commencer à coder

:sm-type:

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

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.894
مستوى التفاعل
25.313
fKPQ5.png



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

60494327.jpg


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


43856128.jpg


La même chose pour le bouton

91904329.jpg


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


62048830.jpg


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

45712131.jpg


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


73820232.jpg


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

52302733.jpg



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

79272534.jpg


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


;)
 

المرفقات

  • Tunisia-sat.zip
    641 KB · المشاهدات: 350
التعديل الأخير:

ChafikBlanco

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

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


 

youssef 007

عضو مميز في منتدى الأنيمي
إنضم
21 جويلية 2008
المشاركات
984
مستوى التفاعل
2.294
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
المشاركات
16.894
مستوى التفاعل
25.313
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
 
التعديل الأخير:
أعلى