Return to Video

13-08 Scrolling Along - Solution

  • 0:01 - 0:03
    Cherchons sur Google
    comment on fait ça.
  • 0:03 - 0:05
    Je vais taper comment
    défiler dans une app android.
  • 0:06 - 0:08
    Consultons le premier résultat.
  • 0:08 - 0:11
    La question est, comment rendre
    ma disposition apte à défiler en bas?
  • 0:11 - 0:14
    C'est assez similaire
    à ce qu'on veut.
  • 0:14 - 0:16
    J'ignore jusqu'à la partie réponse et
    ce qui a une coche verte et
  • 0:16 - 0:18
    beaucoup de votes up.
  • 0:18 - 0:20
    Donc ça pourrait être
    une bonne réponse.
  • 0:20 - 0:23
    Ça dit, enveloppez tout ça à
    l'intérieur d'un ScrollView.
  • 0:23 - 0:26
    Et puis il a un exemple,
    ScrollView,
  • 0:26 - 0:29
    puis il spécifie l'espace de
    noms et alors il dit.
  • 0:29 - 0:34
    Fill_parent pour largeur et hauteur, et
    puis il a une balise de fin ici, et
  • 0:34 - 0:39
    dans ce commentaire, ça dit, mettre le reste
    de votre vue actuelle dans celui-ci.
  • 0:40 - 0:43
    Pour connaissance de base, fill_parent
    est en fait le même que match_parent.
  • 0:43 - 0:46
    C'est juste une vieille version de celui-ci,
    mais ils signifient la même chose.
  • 0:46 - 0:51
    Sur cette ligne suivante ça dit que
    ScrollView peut contenir un seul article.
  • 0:51 - 0:53
    Il semble que c'était une
    disposition originale de quelqu'un, et
  • 0:53 - 0:56
    puis mettre à l'intérieur de
    scroll view alors ils
  • 0:56 - 1:00
    rendent scroll view la vue parente et
    la disposition linéaire la vue enfant.
  • 1:00 - 1:03
    Ok c'était une réponse utile donc
    revenons et voyons
  • 1:03 - 1:04
    s'il y a d'autres solutions.
  • 1:07 - 1:09
    Cette personne décrit
    la même chose.
  • 1:09 - 1:14
    Ils ont une disposition XML et
    je pense qu'ils veulent le faire défiler.
  • 1:14 - 1:17
    Habituellement, je ne lis pas
    toute la question en detail.
  • 1:17 - 1:19
    Je me rend juste à la partie réponse.
  • 1:19 - 1:20
    Cette personne dit,
  • 1:20 - 1:23
    avez-vous essayé d'inclure tout votre
    XML dans un ScrollView parent?
  • 1:23 - 1:26
    Et puis ils donnent un exemple
    de ScrollView, et
  • 1:26 - 1:28
    alors l'enfant est un
    RelativeLayout.
  • 1:28 - 1:31
    Et alors ils ont une balise fermée pour
    ScrollView.
  • 1:31 - 1:34
    C'est tout ce qu'ils
    ont dans ce fil.
  • 1:34 - 1:38
    Mais il semble que les deux résultats
    ici donnent le même conseil d'utiliser
  • 1:38 - 1:39
    un ScrollView.
  • 1:39 - 1:44
    Changeons notre recherche
    pour chercher ScrollView android.
  • 1:44 - 1:48
    Génial.
    Donc c'est une vue dans Android.
  • 1:48 - 1:50
    Et il y a une description ici.
  • 1:50 - 1:53
    Il y a beaucoup de textes ici, donc
    je vais sauter la lecture, mais
  • 1:53 - 1:54
    si vous voulez le lire,
    vous pouvez.
  • 1:54 - 1:57
    Puis je vais taper retour.
  • 1:57 - 1:59
    Je préfère chercher
    un exemple de code.
  • 1:59 - 2:02
    Donc, les exemples de code que nous
    avions précédemment étaient bons,
  • 2:02 - 2:04
    et celui-ci est aussi bon.
  • 2:04 - 2:05
    Donc revenons à Android Studio.
  • 2:06 - 2:10
    Tous ces exemples XML ont
    commencé avec ScrollView.
  • 2:10 - 2:13
    Immediatement, il y a une erreur qui dit
    que je n'ai pas la largeur et la hauteur
  • 2:13 - 2:14
    requises de la vue.
  • 2:14 - 2:18
    Donc, je viens d'ajouter ceux-ci et
    spécifié qu'ils soient match_parent.
  • 2:19 - 2:22
    Si j'ajoute une parenthèse, alors j'obtient
    immediatement une balise fermée ici.
  • 2:22 - 2:24
    Donc, je vais copier ça et
  • 2:24 - 2:30
    puis le coller en-dessous de
    ce fichier tout en bas.
  • 2:31 - 2:36
    Cela signifie que la disposition linéaire
    existante est un enfant de ce ScrollView.
  • 2:36 - 2:41
    Je vais sélectionner tout ça et
    puis essayez de séparer par quatre espaces, donc
  • 2:41 - 2:44
    c'est plus facile de lire comme
    un enfant de ce ScrollView.
  • 2:45 - 2:49
    Dans Android Studio, si je clique sur
    Edit menu,je peux aller à Indent Selection,
  • 2:49 - 2:52
    et cela les séparera
    par quatre espaces.
  • 2:52 - 2:53
    Là.
    Maintenant ça semble meilleur.
  • 2:54 - 2:55
    Oh, mais j'ai toujours
    une erreur ici.
  • 2:55 - 2:59
    Ça dit, l'espace de noms
    'android' n'est pas lié.
  • 2:59 - 3:00
    Je peux cliquer pour
    plus d'informations.
  • 3:00 - 3:06
    Ça dit, Cette inspection vérifie les
    préfixes d'espace de noms non liés en XML.
  • 3:06 - 3:08
    Si vous vous souvenez
    la leçon un,
  • 3:08 - 3:12
    Je disais que le côlon Android vient
    à partir de cet espace de noms ici.
  • 3:12 - 3:16
    Donc je pense nous devons le copier et
    puis mettez-le ici.
  • 3:16 - 3:21
    Vous devriez également déplacer
    des outils espace de nom ici.
  • 3:21 - 3:25
    Les outils espace de nom est de fournir
    des attributs additionnels que vous pouvez
  • 3:25 - 3:28
    ajouter à votre XML pour vous aider à déboguer
    et construire votre app.
  • 3:28 - 3:31
    Ok, je vais exécuter cela
    sur mon périphérique maintenant.
  • 3:31 - 3:35
    Ok, il n'y a pas de différence visible
    à l'app car il n'y a pas assez de
  • 3:35 - 3:38
    contenu dans le formulaire de commande
    pour le rendre défilable.
  • 3:38 - 3:41
    Pour vraiment tester cela, je dois ajouter
    plus de vues à cette disposition.
  • 3:41 - 3:44
    Je vais faire la même
    astuce qu'avant.
  • 3:44 - 3:47
    Je vais copier toutes ces vues et
    puis les coller dans la disposition de
  • 3:47 - 3:49
    qu'on ait un vraiment long
    formulaire de commande.
  • 3:50 - 3:54
    Ok, maintenant le formulaire de commande
    est vraiment long et ça défile.
  • 3:54 - 3:56
    C'est excitant.
  • 3:56 - 3:59
    Si je tourne le dispositif,
    puis il défile aussi.
  • 4:01 - 4:04
    Maintenant, je peux annuler les changements
    pour revenir à notre formulaire de commande.
  • 4:05 - 4:07
    Je vais toujours laisser
    le ScrollView dedans, bien que,
  • 4:07 - 4:09
    car notre app fonctionnera
    mieux sur tous les appareils.
  • 4:11 - 4:13
    Pour les utilisateurs de dispositifs
    qui sont plus courtes que cela,
  • 4:13 - 4:16
    ils sont toujours apte à défiler
    et voir toute la page.
タイトル:
13-08 Scrolling Along - Solution
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
UD837 - Android for Beginners
Duration:
04:17

French subtitles

改訂