Programmation mobile sous Android: Chapitre 1

[abdelouafi]

أحدث المقالات

إذا كنت ترغب في مشاهدة الصور ، يرجى النقر عليها

Blog
SUIVEZ NOTRE CHAINE YOUTUBE: قم بالتسجيل في قناتنا عبر هذا الرابط https://www.youtube.com/channel/UCCITRMWPcElh-96wCS3EyUg
devoir 1 math tronc commun

مجموعة من دروس و فروض جميع المستويات

دروس الإعدادي - دروس الثانوي الثأهيلي - دروس التعليم الابتدائي - فروض مختلف المستويات الدراسية

فضلا و ليس أمرا شارك هذه الصفحة مع أصدقائك:

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

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

– Déclaration TextView en JAVA

– Rendu de la vue :

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

– Déclaration du Checkbox en XML

– Déclaration du Checkbox en JAVA

– Rendu de la vue :

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 :

<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 :

Les interfaces graphiques sous Android
 Les Layouts
1- LinearLayout TP : Réaliser l’interface suivante