Programmation mobile sous Android: Chapitre 1 | Exam-Lib
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Programmation mobile sous Android: Chapitre 1

abdelouafiFeb 21, 2018

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      617
      Likes Received:
      13
      Trophy Points:
      18
      Joined
      Sep 13, 2016
      I. Interface utilisateur et éléments graphiques:
      Etats d’une Activity :

      Une activité, vis-à-vis du code, est séparée en 2 morceaux: un fichier XML, et un fichier JAVA.
      Le fichier XML :
      • Interface graphique de l’activity
      • Conception de l’IHM : design et ergonomie
      • Declaration des elements graphiques : View, Buttons, Layouts, …etc
      • Déclaration des identifiants des éléments graphiques

      Le fichier Java:
      •Le contrôle des éléments déclarés dans le fichier XML
      • Chaque activity est liée à un seul et unique fichier XML qui définit son interface graphique

      upload_2018-2-21_22-42-13.png

      Les interfaces graphiques sous Android
      Des fichiers XML avec des descriptions de mise en page sont utilisés pour définir l'interface utilisateur pour les activités. Les fichiers sont placés dans le dossier : /res/layout

       View : classe ancêtre de tous les composants graphiques
       Implantations élémentaires de View:

      – TextView : affiche une chaîne
      – EditText : permet la saisie d'une chaîne (propriété inputType pour le type d'entrée attendu)
      – Button : bouton cliquable, variante de type interrupteur avec ToggleButton
      – CheckBox : case à cocher
      – RadioButton : bouton radio regroupable dans un RadioGroup – CheckedTextView : chaîne cochable (implante Checkable) – ProgressBar : barre de progression variante avec étoiles de notation avec ratingBar – SeekBar : barre de réglage
      – SearchView : champ de recherche avec proposition de suggestions
      – ImageView : affichage d'une ressource image
      – ImageButton : bouton avec image
      – VideoView : affichage contrôlable de vidéo


      Les interfaces graphiques sous Android
       Déclaration des views :

      – Déclaration TextView en XML
      upload_2018-2-22_11-9-2.png

      – Déclaration TextView en JAVA
      upload_2018-2-22_11-9-39.png

      – Rendu de la vue :
      upload_2018-2-22_11-10-2.png

      Les interfaces graphiques sous Android
       Déclaration des views :

      – Déclaration du Checkbox en XML
      upload_2018-2-22_11-10-58.png

      – Déclaration du Checkbox en JAVA
      upload_2018-2-22_11-11-20.png
      – Rendu de la vue :
      upload_2018-2-22_11-11-37.png


      Les interfaces graphiques sous Android
       Les Layouts
      1- LinearLayout :
      Ce layout se charge de mettre les vues sur une même ligne, selon une certaine orientation. L'attribut pour préciser cette orientation est « Android: orientation » .
      On peut lui donner deux valeurs :

      • vertical pour que les composants soient placés de haut en bas (en colonne)
      • horizontal pour que les composants soient placés de gauche à droite (en ligne)

      Code XML :

      Code:
      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical/horizontal" >
      ...
      ...
      </LinearLayout>

      Les interfaces graphiques sous Android
       Les Layouts
      1- LinearLayout :
      upload_2018-2-22_11-14-7.png
      Les interfaces graphiques sous Android
       Les Layouts
      1- LinearLayout TP : Réaliser l’interface suivante
      upload_2018-2-22_11-14-54.png

      upload_2018-2-22_11-15-55.png
       
      Last edited: Feb 22, 2018
      Loading...

Share This Page

Share