YouTube

Got a YouTube account?

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

Chinese, Simplified subtitles

← LinearLayout

Get Embed Code
13 Languages

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

  1. 我们已经看到 LinearLayout
  2. 怎样包含两个子 TextView
  3. 顺便提一下 这些背景颜色 仅仅是用来帮助你
  4. 理解父 TextView 中存在两个子 TextView 的教学工具
  5. 实际在设备上不会显示红色和蓝色
  6. 除非你在视图中特意将它们设为背景颜色
  7. 为了让你明白我说什么 我们看一下 XML 可视化工具
  8. 如果我们在 XML 可视化工具中写入代码
  9. 这就是它在设备上显示的样子
  10. 首先我们有一个 LinearLayout 的 ViewGroup
  11. 它是透明的 因为没有给它设置背景颜色
  12. 第一个子视图是设定客户列表的 TextView
  13. 在顶部显示
  14. 第二个子视图是显示 Kunal 的 TextView
  15. 在第一个 TextView 下显示
  16. 现在 如果我复制这个 TextView 并且粘贴在它的下面
  17. 你认为会发生什么?
  18. 我们看到在第一个下面又显示一个 Kunal
  19. 这个模式是这样的 如果我们添加更多的 TextView
  20. 它们就会一个接一个地显示
  21. 现在 我们仔细地看一下代码
  22. 它以一个左尖括号开始
  23. 然后是视图名称 也就是 LinearLayout
  24. 再然后一系列属性 最后有一个右尖括号
  25. 注意 这里没有斜线 因为它本身就是
  26. LinearLayout 的起始标签
  27. 结束标签在这 因为我们
  28. 想在这两个标签之间插入子元素
  29. 但是示例中 对于 TextView 中 因为没有子视图
  30. 我们能用自结束标签作为结束
  31. 这个 还有这个与上面的一样
  32. 当我们说一个 ViewGroup 中含子视图时
  33. 我们需要将他们插入在在开始和结束标签之间
  34. 现在 你要注意的是这个
  35. 值为垂直的 Android:orientation 属性
  36. 在此之前我们没有见过
  37. 我们看一下 Android 文档 之前给你看过
  38. 我打开一个浏览器窗口 然后输入 android orientation
  39. 搜索结果的第一行是关于 LinearLayout
  40. 它的网址是 developer.android.com
  41. 点击一下
  42. 像一个 TextView 文档 它有点难懂
  43. 我们可以忽略大多数文本
  44. 我们只需要校验 LinearLayout 这部分
  45. 我们向下滚动鼠标 找到 XML 属性
  46. 现在我们看一下 Android orientation 这个属性
  47. 在这
  48. 点进去 看一下更多细节
  49. 描述说 这个属性
  50. 决定布局是一列还是一行
  51. 属性值为 horizontal 表示一行
  52. 属性值为 vertical 表示一列
  53. 两个值列举在这里
  54. 我们的代码将 android orientation 的值设为垂直
  55. 这就解释了视图为什么是以列显示
  56. 为了满足我们的好奇心 我们试试另一个值
  57. 我们将 orientation 的值设为水平 看看发生什么
  58. 我进入代码编辑界面 删除垂直这个属性值
  59. 然后键入水平 看 现在这个视图变成一行
  60. 我不知道你怎么想
  61. 但是我真的不喜欢横向阅读这些列表
  62. 但有很多其他有用的例子
  63. 你想要使用水平的 LinearLayout
  64. 例如 你想创建一个项目列表
  65. 图片在左边 右边是描述
  66. 一会我会让你自己试试这个例子 但是
  67. 首先 我想指出另一行代码
  68. 这就是 XML 命名空间声明
  69. 我们使用这个命名空间就是为了指定所有属性
  70. 都属于 android
  71. 这就是以 android 冒号开始的原因
  72. 实质上是很简单的操作 给 android 指定一个唯一的 URL
  73. 你可以创建自己的自定义属性
  74. 为了防止命名冲突 也就是两个属性名字相同
  75. 但是行为不同 我们会在这添加前缀
  76. android: 表明这些是 android 属性
  77. 基本上 时刻记住在你的 XML 文件的根视图中
  78. 在起始标签后添加 XML 命名空间的声明
  79. 现在轮到你了
  80. 我们想让你完成 LinearLayout 代码的试验
  81. 试着添加更多的 TextView 在这一列中会有更多的项
  82. 你想给你的派对呈上一份独特的嘉宾名单吗?
  83. 尝试改变 LinearLayout 的 orientation 属性
  84. 记住 它能够设置是垂直还是水平