YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

French subtitles

← Add the Other Team in XML

Get Embed Code
13 Languages

Showing Revision 1 created 10/13/2015 by sp4.

  1. Avant de commencer le codage,
    Je vais répondre à cette question.

  2. Je savais vraiment encore environ deux seulement
    groupes de vue, et LinearLayouts
  3. RelativeLayouts.
  4. Maintenant le mot clé ici est que
    ces deux ont à relever un espace égal.
  5. Utilisation de poids de mise en page est
    une façon vraiment facile de faire cela.
  6. Ok, allons de l'avant et
    Regardons le code.
  7. Tout droit, je ne travaille pas en Java
    plus, donc je vais aller de l'avant et
  8. passer à activity_main.xml.
  9. Et voici mon fichier XML.
  10. Je vais donc commencer par mettre tout
    de ce code à un autre LinearLayout.
  11. Et cela est le LinearLayout parent pour
    mes deux mini LinearLayouts.
  12. Et je vais passer
    ces deux lignes ici,
  13. parce qu'ils ont besoin d'être attaché à
    la vue racine, ajoutez une accolade de fermeture.
  14. Okay, Android studio automatiquement
    fait une balise de fermeture pour moi ici.
  15. Alors, je vais aller de l'avant et
  16. couper cette balise de fermeture,
    défiler vers le bas, et de le coller.
  17. Ok, maintenant je suis une ligne ondulée rouge,
    et si je regarde l'erreur,
  18. Je peux voir qu'il dit que je dois avoir
    layout_height et layout_width définis.
  19. Oups!
    Très bien, nous allons le faire.
  20. Ainsi, parce que cela est la vue racine, je vais aller de l'avant et
    fais cette match_parent.
  21. Okay, donc
  22. Je ai une LinearLayout entourant
    un enfant LinearLayout dès maintenant.
  23. Et si je vais à l'Aperçu,
    il semble à peu près la même.
  24. Okay, donc ce que je vais faire,
    est je vais copier tout
  25. l'équipe A LinearLayout, et à droite ci-dessous
    équipe A, je vais le coller.
  26. Et cela va être
    mon équipe B LinearLayout.
  27. Donc, maintenant les choses commencent à
    regarder un peu désorganisé.
  28. Donc, je vais faire un Cmd + A, ou
    tout sélectionner, puis je vais
  29. Utiliser le raccourci clavier Cmd + Option
    + L pour formater mon code.
  30. Sous Windows, qui est Ctrl + Alt + L,
    qui ressemble un peu mieux.
  31. Maintenant, je veux juste vous assurer que vous comprenez
    ce qui se passe ici.
  32. Défilement vers le haut,
    Je ai un LinearLayout racine ici.
  33. Il commence ici, et si je fais défiler tous les
    le chemin vers le bas, il se termine ici.
  34. Intérieur de cette racine LinearLayout,
    Je vais faire défiler à nouveau.
  35. Je l'ai obtenu un présentation des enfants d'ici,
    qui commence ici.
  36. Je vais défiler lentement.
  37. Et il se termine ici.
  38. Ceci est pour teamA.
  39. Et je avoir un autre enfant LinearLayout,
    qui commence ici.
  40. Descendez lentement, se termine ici pour TeamB.
  41. Tout droit,
    maintenant je remarqué un peu de rouge au sommet, donc
  42. Je vais défiler vers le haut encore et
    voir ce que dit l'erreur.
  43. Mauvaise orientation, aucune orientation
    spécifiée, et par défaut est horizontale.
  44. Pourtant, cette disposition a plusieurs enfants,
  45. dont au moins un a
    match_parent largeur.
  46. Hm, eh bien je ne veux qu'elle soit horizontale,
    Mais allons de l'avant et
  47. spécifier l'orientation.
  48. Encore une fois, ce ne soit pas techniquement nécessaire,
    parce que le défaut est horizontale, mais
  49. il est bon d'être explicite.
  50. Accord, et il disait quelque chose
    sur les enfants couvrant les uns les autres.
  51. Je vais cliquez sur Aperçu.
  52. Hm, ce qui ne semble pas avoir vraiment
    beaucoup changé, même si je suis allé
  53. à tous la peine de copier et de coller
    autre LinearLayout.
  54. Cela pourrait avoir eu à faire avec
    l'erreur que je viens de regardé.
  55. Il disait qu'il est
    une disposition horizontale.
  56. Alors qu'il essaie de mettre ces deux
    LinearLayouts côté de l'autre, mais
  57. que le LinearLayout
    a une layout_width de
  58. match_parent qui remplit l'écran.
  59. Donc, fondamentalement, mon premier
    de LinearLayout se remplit l'écran, et
  60. Puis l'autre LinearLayout devient
    placé à côté de quelque part hors de l'écran.
  61. Donc, nous allons réfléchir à ce que nous avons réellement
    voulez qu'il se passe en ce moment.
  62. Nous voulons avoir les deux configurations prenant
    jusqu'à égale l'espace et à côté de l'autre.
  63. Donc quand nous allons avoir besoin d'apporter
    layout_weights.
  64. Je vais prendre le premier
    LinearLayout et
  65. lui donner un layout_weight 1.
  66. Je vais aussi à mettre sa largeur à 0.
  67. Ok, donc nous pouvons voir déjà que nous
    Elles ont en effet deux LinearLayouts,
  68. ils sont tout simplement pas vraiment
    affiché correctement.
  69. Mais cela est un peu mieux.
  70. Je dois donc mettre un layout_weight
    aussi sur mon deuxième LinearLayout,
  71. celui ici.
  72. Je vais donc faire défiler.
  73. Voici ma deuxième LinearLayout.
  74. Je vais faire exactement la même chose.
  75. Je vais dire qu'il a
    a layout_weight de 1 aussi, donc
  76. Maintenant, ils ont layout_weights équivalentes.
  77. Et puis je vais
    définir la largeur à 0.
  78. accord, et la raison pour laquelle je me mis
    la largeur de deux d'entre eux à 0,
  79. est essentiellement, que si ces deux côtés
    ne sont pas prenant toute la largeur.
  80. Ensuite, il va prendre
    tout l'espace supplémentaire,
  81. Qui est la totalité de l'écran, et
    le diviser, donnant la moitié à l'une et
  82. moitié à l'autre, parce qu'ils
    deux ont le même poids de mise en page.
  83. Si cela est tout confus,
    Je suis lié à quelques vidéos dans
  84. les notes de l'instructeur que
    de parler layout_weight.
  85. D'accord, mais cela est à la recherche assez bonne, sauf qu'il dit
    équipe A.
  86. je vais faire défiler vers le bas pour changer
    qu'ici, à changer cette équipe B.
  87. Maintenant, vous avez sans doute remarqué que
    il ya aussi une erreur ici, et
  88. cette erreur se produit parce que,
    bien, nous avons une double identité.
  89. Souvenir, Je viens de copier et
    collé le code.
  90. Donc, nous avons essentiellement deux choses
    qui tentent d'avoir le même identifiant
  91. de team_a_score.
  92. Donc, je vais réellement à
    changer cela team_b_score.
  93. Okay, cette recherche est assez bonne.
  94. Il est un peu difficile à voir.
  95. Je vais agrandir
  96. Mais, il dit l'équipe B ici.
  97. Et je suis tous les bons boutons,
    et toutes les vues correctes de texte.
  98. Alors je vais essayer de
    exécuter sur mon téléphone.
  99. Accord, et cela semble assez bon.
  100. Maintenant, si je appuie sur les boutons de l'équipe A,
    il met à jour de manière ce qui est grand.
  101. Si je presse les touches de l'équipe B,
    bien, il est également mise à jour.
  102. Qui est spécial.
  103. Mais souvenons,
    nous voulions juste pour obtenir le droit de XML.
  104. Nous ne soucions vraiment Java.
  105. Mais maintenant que nous avons obtenu le XML de travail,
    pourquoi ne pas fixer le Java?