Chinese, Simplified 字幕

← Tablet UX Mocks - Developing Android Apps

埋め込みコードを取得する
10言語

Showing Revision 11 created 09/06/2016 by Udacity Robot.

  1. 在学习自适应设计时
  2. 我们发现普通模式是使用 MasterDetailFlow
  3. 就是我们将要在 Sunshine 中用到的
  4. 这是平板电脑模块
  5. 在左边有预报列表 如果选择了某一项
  6. 就会在右边看到详细信息窗格
  7. 这适用于 7 英寸和 10 英寸平板电脑的
  8. 竖屏方向和横屏方向
  9. 在纵向模式中 列看起来有些狭窄
  10. 但还是双窗格 UI
  11. 从实现的角度看 所有这些都是在 MainActivity 下
  12. 在左边有 ForecastFragment
  13. 在右边有 DetailFragment
  14. 在手机上 依然有带预报列表的 MainActivity
  15. 在选择一项后仍然可以启动 DetailActivity
  16. 这是另一种将其可视化的方法
  17. 在平板电脑上 在一个 activity 下有两个并排的 fragment
  18. 在手机上 第一个 activity 中
  19. 包含第一个 fragment
  20. 选择一项会启动第二个 activity
  21. 其中包含第二个 fragment
  22. 我们会把这个任务分成多个编码任务
  23. 直到我们构建完最后的布局
  24. 首先 我们要构建适合平板电脑的双窗格 UI
  25. 接下来 在两个 fragment 之间连接通信
  26. 以便选择一项时替换右侧的详细信息窗格
  27. 接下来 我们会学习如何在当前选择的项上
  28. 显示激活状态 使我们知道详细信息窗格
  29. 对应的是哪个项
  30. 我们也需要确保滚动位置
  31. 在屏幕方向更改时保持不变
  32. 我们接下来会更新 DetailLayout 使其针对更宽的屏幕进行优化
  33. 然后修改适配器 让今天布局看起来
  34. 与其他日期差不多
  35. 平板电脑上没有特殊的今天布局
  36. 希望大家都清楚我们将要如何
  37. 实施此平板电脑行为
  38. 我们会慢慢地逐步讲解