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

الموضوع في 'برمجة تطبيقات الهواتف الذكية' بواسطة crytex, بتاريخ ‏4 جانفي 2015.

  1. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.896
    الإعجابات المتلقاة:
    25.221
      04-01-2015 21:11
    [​IMG]

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

    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

    [​IMG]

    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
     
    آخر تعديل: ‏17 فيفري 2016
    zaghaloziko ،abdelillah8919 ،Badreddine H و 40آخرون معجبون بهذا.
  2. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.896
    الإعجابات المتلقاة:
    25.221
      04-01-2015 21:45
    [​IMG]

    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


    [​IMG]

    1455747345_download.png

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

    [​IMG]

    On appui sur NEXT

    [​IMG]


    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

    [​IMG]

    On appui de nouveau sur I agree


    [​IMG]

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

    [​IMG]

    [​IMG]

    A la fin on appui sur FINISH


    [​IMG]

    [​IMG]

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

    [​IMG]

    Et pour finir on appui sur FINISH

    [​IMG]

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

     
    آخر تعديل: ‏17 فيفري 2016
    zaghaloziko ،mazigh33 ،Badreddine H و 29آخرون معجبون بهذا.
  3. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.896
    الإعجابات المتلقاة:
    25.221
      04-01-2015 23:15
    [​IMG]

    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


    [​IMG]

    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


    [​IMG]

    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

    [​IMG]

    On choisi BLANK ACTIVITY et on appui sur NEXT

    [​IMG]

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

    [​IMG]

    Par la suite le projet sera créée

    [​IMG]

    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

    [​IMG]

    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

    [​IMG]

    Le message sera affiché dans l'appareil comme suit

    [​IMG]

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


    [​IMG]


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

    [​IMG]

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

    [​IMG]

    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

    [​IMG]]

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


    [​IMG]


    Désormais, on peut commencer à coder

    :sm-type:

     
    آخر تعديل: ‏17 فيفري 2016
    Victoria ،lazio ،Badreddine H و 31آخرون معجبون بهذا.
  4. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.896
    الإعجابات المتلقاة:
    25.221
      05-01-2015 01:22
    [​IMG]


    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

    [​IMG]

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


    [​IMG]

    La même chose pour le bouton

    [​IMG]

    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


    [​IMG]

    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

    [​IMG]

    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


    [​IMG]

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

    [​IMG]


    كود (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

    [​IMG]

    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


    ;)
     

    الملفات المرفقة:

    آخر تعديل: ‏17 فيفري 2016
    OVIDA ،jihedpro1987 ،Badreddine H و 38آخرون معجبون بهذا.
  5. ChafikBlanco

    ChafikBlanco عضو نشيط

    إنضم إلينا في:
    ‏27 مارس 2014
    المشاركات:
    251
    الإعجابات المتلقاة:
    118
      19-01-2015 09:49
    في الموقع إلقيت plusieurs versions
    عندي وندوز 8.1 32 بت
    حرت؟؟؟
     
    Badreddine H و elyes111 معجبون بهذا.
  6. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.896
    الإعجابات المتلقاة:
    25.221
      19-01-2015 13:49
    Essayez d'installer la version que j'ai posté


    [​IMG]
     
    ismail1989 ،Badreddine H و Norchene معجبون بهذا.
  7. ChafikBlanco

    ChafikBlanco عضو نشيط

    إنضم إلينا في:
    ‏27 مارس 2014
    المشاركات:
    251
    الإعجابات المتلقاة:
    118
      20-01-2015 09:25
    نحكي أناهو 7u71 JDK
    7u72 JDK أو

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


     
    أعجب بهذه المشاركة Badreddine H
  8. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.896
    الإعجابات المتلقاة:
    25.221
      20-01-2015 09:47
    téléchargez la version Windows x86


    Windows SDK
     
    ismail1989 ،Badreddine H و Norchene معجبون بهذا.
  9. youssef 007

    youssef 007 عضو مميز في منتدى الأنيمي

    إنضم إلينا في:
    ‏21 جويلية 2008
    المشاركات:
    984
    الإعجابات المتلقاة:
    2.293
      27-01-2015 20:22
    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:
     
  10. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.896
    الإعجابات المتلقاة:
    25.221
      27-01-2015 21:01
    Vous pouvez développer des applications Android en utilisant HTML, CSS,JAVASCRIPT et puis convertir tout ca en utilisant le framework PHONEGAP
     
    آخر تعديل: ‏19 فيفري 2016
    ismail1989 ،Ahmed aa52 ،Victoria و 7آخرون معجبون بهذا.

مشاركة هذه الصفحة

جاري تحميل الصفحة...