0:00:00.220,0:00:04.210
La première étape consiste [br]à choisir les vues à utiliser.
0:00:04.210,0:00:08.290
D'abord, je dois expliquer[br]ce qu'est une vue sur Android.
0:00:08.290,0:00:12.400
Simplement, une vue est un rectangle[br]sur l'écran qui montre du contenu.
0:00:12.400,0:00:15.610
Cela peut être une image,[br]un texte, un bouton
0:00:15.610,0:00:17.170
ou tout ce que l'app peut afficher.
0:00:18.490,0:00:22.780
Donc, ces vues individuelles forment [br]ce que l'on nomme la mise en page.
0:00:22.780,0:00:24.690
Tout ce que vous voyez
0:00:24.690,0:00:29.120
et communiquez dans l'app s'appelle[br]l'interface utilisateur, ou UI.
0:00:29.120,0:00:32.910
Il y a différents types de vues[br]avec des noms différents.
0:00:32.910,0:00:35.620
Une vue qui affiche[br]du texte s'appelle TextView.
0:00:35.620,0:00:37.490
Voici quelques exemples.
0:00:37.490,0:00:41.540
Une vue montrant une image s'appelle[br]ImageView, et voici des exemples.
0:00:41.540,0:00:45.070
Une vue montrant un bouton s'appelle,[br]eh bien, un bouton.
0:00:45.070,0:00:46.620
Voici quelques exemples.
0:00:46.620,0:00:49.910
Il y a beaucoup d'autres types de vues[br]sur Android qui sont très pratiques
0:00:49.910,0:00:53.020
à utiliser, mais on va se concentrer[br]sur ces trois premières.
0:00:53.020,0:00:55.770
J'ai dit plus tôt que[br]chaque vue est un rectangle sur l'écran,
0:00:55.770,0:00:57.890
mais où sont tous les rectangles?
0:00:57.890,0:01:00.880
Techniquement, ils sont invisibles, [br]mais je vais les dessiner
0:01:00.880,0:01:02.200
afin que vous puissiez voir
0:01:02.200,0:01:04.060
où se trouvent les limites[br]de chaque rectangle.
0:01:04.480,0:01:05.730
Comme vous pouvez le constatez,
0:01:05.730,0:01:10.250
chaque app peut être divisée en[br]vue individuelle qui la compose.
0:01:10.250,0:01:13.690
Autrement dit, une vue est le bloc[br]de construction de base que vous utilisez
0:01:13.690,0:01:16.150
pour produire la mise en page[br]de votre app.
0:01:16.150,0:01:17.750
Pour vous aider à comprendre l'idée
0:01:17.750,0:01:20.080
des vues qui sont[br]des rectangles sur l'écran,
0:01:20.080,0:01:22.840
voici une situation à laquelle[br]vous serez plus habitué.
0:01:22.840,0:01:26.110
Si vous vous êtes déjà servi d'une app[br]comme Paint ou Google drawings
0:01:26.110,0:01:29.580
vous avez sûrement déjà ajouté[br]un encadré de texte à votre document
0:01:29.580,0:01:31.130
et vous y avez tapé votre texte.
0:01:31.130,0:01:32.710
Mais si vous cliquez en dehors,
0:01:32.710,0:01:36.280
vous ne voyez pas les limites[br]du rectangle mais elles y sont.
0:01:36.280,0:01:39.090
Et les limites sont importantes [br]quand vous commencez
0:01:39.090,0:01:41.490
à faire des choses comme ajouter [br]une trame de fond ou bien
0:01:41.490,0:01:45.410
ajouter une bordure autour ; la taille[br]du rectangle devient donc importante.
0:01:46.598,0:01:51.100
Je veux aussi préciser que le format[br]du nom de ces vues est en Camel Case.
0:01:52.240,0:01:56.140
Camel Case signifie qu'il n'y a plus[br]d'espaces entre les mots,
0:01:56.140,0:01:58.860
et que chaque mot commence[br]avec une lettre majuscule.
0:01:58.860,0:02:03.750
Cela s'appelle Camel Case car l'alternance[br]de majuscules et de minuscules dans le mot
0:02:03.750,0:02:05.540
rappelle les bosses d'un dos de chameau.
0:02:06.680,0:02:09.299
Vous allez voir plus de notation[br]Camel Case durant ce cours.
0:02:10.310,0:02:12.750
Maintenant, mettons en pratique [br]ce que nous avons appris.
0:02:12.750,0:02:15.350
Voici une capture d'écran[br]de la nouvelle application de messagerie
0:02:15.350,0:02:16.660
de Google, appelée Inbox.
0:02:16.660,0:02:19.380
Pouvez-vous identifier[br]les divers types de vues ici ?
0:02:19.380,0:02:22.430
Pour vous aider,[br]J'ai surligné les vues individuelles.
0:02:22.430,0:02:24.000
Par exemple, pour A,
0:02:24.000,0:02:26.880
pouvez-vous me dire s'il s'agit[br]d'un TextView, ImageView ou d'un bouton ?
0:02:26.880,0:02:29.350
Faites la même chose pour B,[br]ainsi que pour le reste des vues.