Chinese, Simplified subtitles

← View Groups

Get Embed Code
14 Languages

Showing Revision 5 created 09/24/2016 by Udacity Robot.

  1. 还记得这些咖啡轨迹豆吗 Katherine?
  2. 我怎么可能忘?
  3. 我记得 是你把他们撒在我周围的
  4. 好的
  5. 我们讨论一下第一课是由哪三大部分组成的
  6. 我们已经讲过图片视图控件
  7. 和 TextView
  8. 之后我们学习了如何给那些视图控件定义样式
  9. - 是的 - 我们接下来学什么?
  10. 我在想
  11. 当我们的屏幕上只有一个视图控件时
  12. 嗯哼
  13. 那会显得有点很无聊 我们应该添加更多的视图控件
  14. 是的
  15. 如果你认真思考 所有我们所使用的认为有趣的应用
  16. 比如 YouTube、OkCupid 你想到其他的了吗?
  17. - Gmail - Gmail
  18. 它他们看起来都包含很多的视图控件
  19. 很整齐的分布在屏幕上
  20. 是的 达到这样的效果 它能这样做
  21. 就是通过 ViewGroups
  22. 嗯哼
  23. 所以我们接下来将要学习它
  24. 它赋予我们在屏幕上放置视图控件的能力
  25. 在我们想放置的地方
  26. 是的
  27. 所以我们下面来讨论 ViewGroup
  28. 至今我们只有一个单一的 TextView 或
  29. 单一的 ImageView 在屏幕上
  30. 如果我们想要在它的下面添加其他的视图控件 我们可以试着复制它并
  31. 粘贴在它的下面
  32. 不过这时编译器报了一个错
  33. 它说XML文件有多于一个的根视图控件
  34. 这里只能有一个根视图控件 并且它应该附上所有的视图
  35. 如果你想要这两个 TextView 都显示在屏幕上并且
  36. 不是相互独立的 我们需要把它们放入一个 ViewGroup
  37. 这个视图组将会成为这个布局的单一根视图
  38. ViewGroup 也是视图 并且在屏幕上是矩形的
  39. 例如这个红色和橘色的矩形都是 ViewGroup
  40. 它们具有宽 高 或背景色 或其他属性
  41. 这里的背景色是橘色
  42. 橘色 不过它还可以是透明的
  43. 所以 ViewGroup 甚至对用户是不可见的
  44. 不同于 TextView 显示文本或 ImageView 显示图片
  45. ViewGroup 显示其他的视图
  46. 你可以将一个 ViewGroup 想象成一个视图的容器
  47. 当一个视图包含其他的视图 我们将它称为那些视图的父视图
  48. 所以这是父视图
  49. 这是父视图
  50. 这还是父视图
  51. 当一个视图在 ViewGroup 中 我们称叫它为 ViewGroup 的子视图
  52. 所以这是一个子视图 这是一个子视图 这还是一个子视图
  53. 同样的 这儿有两个子视图 这儿有两个子视图
  54. 继续使用这种以家庭成员举例的说法 如果这里有多个子视图
  55. 那么每个子视图都是其他子视图的兄弟姐妹
  56. 他们是兄弟姐妹 他们是兄弟姐妹
  57. 这有好多
  58. 为了帮助你记忆这些术语关于父视图和子视图 视图和
  59. ViewGroup 我希望你来认识一个非常美满的叫做 Views 的家庭
  60. 你已经准备好认识 Tommy TextView 了
  61. 他非常善于显示文本
  62. 你同样认识他的姐妹 显示美丽图片的 Ivy ImageView
  63. 这时你要认识他们的父母了
  64. 见父母通常需要勇气与磨练感到精神崩溃
  65. 我们有 Laura LinearLayout 和 Ray RelativeLayou
  66. 他们都是 ViewGroup
  67. 我们称之为父视图
  68. 这时子视图的放置要依据根据他们的父视图
  69. 让我们来看一个关于父视图的例子
  70. 一个家长可以让他的孩子坐或
  71. 站在一个特定的位置并且不能动
  72. 让我们忽略这个孩子可能想要起来
  73. 并跑开
  74. 因为这只是一个极端的例子
  75. 在设备手机上这意味着一个父视图可以控制
  76. 它的子视图的位置
  77. 例如 一个子 TextView 可以在屏幕的上方
  78. 另一个第二个 ImageView 可以在它的下面
  79. 或者 如果父视图希望的话
  80. 他们可以用不同的方式重新排列子视图
  81. 这个子 ImageView 可以在左边
  82. 这时这个子 TextView 可以在右边
  83. 我们接下来将更详细的讨论 ViewGroup 不过
  84. 为了确定去顶你已经明白之前讲的内容
  85. 请回答这些问题
  86. 在这个手机的截屏上 你能告诉我有多少个视图吗?
  87. 第二题 这幅山的图片 是那个红色 ViewGroup 的一个子视图
  88. 还是一个父视图
  89. 第三题 这个红色 ViewGroup 是 HIKING TextView 的子视图还是父视图
  90. 第四题 这些视图哪些视图互为是其他的兄弟姐妹
  91. 你可以将答案写他们列举在这儿