YouTube

Got a YouTube account?

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

Chinese, Simplified subtitles

← Altering the Layout - Solution

Get Embed Code
5 Languages

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

  1. 很好 你已完成

  2. 回顾一下我的解决方案
  3. 在我们开始布置详细信息视图的下半部分前
  4. 我们先制定计划
  5. 我们有两列 一个包含三个标题
  6. 另一个包含数据
  7. 标题列很简单 都是左对齐
  8. 距离边缘 32 dp
  9. 另一个列也是
  10. 与另一边右对齐 但这三个元素全部都是左对齐
  11. 如果不是使用样式布局 则操作起来会非常棘手
  12. 我们要让这三个元素占据扩充的空间
  13. 让我看看如何实现
  14. 好的 那么我们看看网格布局
  15. 可以看到 底部和顶部的填充是 16DPR
  16. Abc_action_bar_content_inset_material
  17. 左、右两侧的填充从末端开始
  18. 从右至左的语言为forecase_detail_horizontal_padding
  19. 或者如我们在维度中定义的 32DP
  20. 让我们看看第一行和第一列
  21. 可以看到 我们使用 columnWeight 1
  22. 告诉布局管理器
  23. 此文本视图会要扩大以占据额外空间
  24. 我们使用值为 1 的rowWeight 来显示该行将会参与
  25. 布局管理器可能会有的额外空间
  26. 这里是第一个列
  27. 这里是第二个列
  28. 注意 我们在此不会使用任何权重
  29. 与其不同的是 这个很简单
  30. 所有行的 rowWeight 都为 1
  31. 所以它们都会参与额外空间 并会平均分配空间
  32. 这使布局看起来非常均匀
  33. 就是这样
  34. 非常直观易懂
  35. 再次提醒 这不一定有解决方案
  36. 我喜欢布局的一个地方是
  37. 每个布局就像是解决一个难题
  38. 好的 它在模拟器中运行
  39. 这就是我们的新详细信息视图
  40. 其中底部看起来完全符合我们的想法