Return to Video

So Much Real Estate Part 2

  • 0:01 - 0:04
    这里的设计是
    我们希望创建的。
  • 0:04 - 0:09
    这个视图的优点在于
    其使用的大多数 UI 元素是我们以前
  • 0:09 - 0:09
    所见过的。
  • 0:09 - 0:12
    为了防止复杂
    布局的数量大量增长,
  • 0:12 - 0:14
    我们将要利用
    这三种 Android 布局
  • 0:14 - 0:16
    功能。
  • 0:16 - 0:17
    第一种我们以前见过。
  • 0:17 - 0:20
    手机和平板电脑上
    预报列表的差别
  • 0:20 - 0:23
    在于列表项
    周围填充的间距。
  • 0:23 - 0:27
    幸运的是,很容易将
    这个添加至预报列表。
  • 0:27 - 0:31
    我们可以使用维度来赋予
    平板电脑布局中的相同布局更多空间。
  • 0:31 - 0:36
    在预报列表项布局中,
    我们可以向外部布局添加填充维度。
  • 0:36 - 0:40
    我们在此使用填充而不是间距是
    因为我们只希望设置内容。
  • 0:40 - 0:41
    如果我们使用间距,
  • 0:41 - 0:44
    则行选择器将
    不会绘制整个列表项。
  • 0:44 - 0:48
    我们也对两个温度间的空间
    使用不同维度。
  • 0:48 - 0:49
    请注意,我们使用左边和
  • 0:49 - 0:52
    末端来确保该布局
    可用于从右向左的镜像。
  • 0:53 - 0:56
    因此,
    在我们的资源文件中,
  • 0:56 - 0:59
    我们在两个温度间创建一个
    更新额外填充和空间的维度。
  • 0:59 - 1:01
    该布局也会更新。
  • 1:01 - 1:03
    我使用的是 sw600dp-port。
  • 1:03 - 1:07
    也就是说,这些更改仅会应用于
    纵向方向的设备,
  • 1:07 - 1:10
    并且视图边界的宽度
    至少为 600 dp。
  • 1:10 - 1:15
    我们要利用的第二点是
    使用 include 标签的 Layout Reuse。
  • 1:15 - 1:16
    我们可以看到纵向和
  • 1:16 - 1:20
    横向详细信息视图
    使用相同的视图。
  • 1:20 - 1:23
    片段详细信息视图已经
    包含了这些包括的布局。
  • 1:23 - 1:27
    请注意,如果我们包括该布局,
    则可以分配新布局参数。
  • 1:28 - 1:29
    我们不会在 sunshine 里用到这个。
  • 1:29 - 1:32
    但是如果要在被包括的
    布局里通过使用 merge 标签包括该布局,
  • 1:32 - 1:35
    我们可以避免
    添加额外容器。
  • 1:35 - 1:38
    最后,我们要继续
    利用 Ref。
  • 1:38 - 1:41
    Ref 允许我们
    为资源生成别名。
  • 1:41 - 1:43
    你们看,
    在平板电脑的横向模式中,
  • 1:43 - 1:46
    详细信息视图应该
    指向视图的垂直版本。
  • 1:46 - 1:51
    我们要创建指向
    ragment_detail_start 的 Ref,
  • 1:51 - 1:55
    并确保它指向了
    所有配置的正确详细信息片段。
  • 1:55 - 1:56
    我们在下一讲中
    就会提到。
タイトル:
So Much Real Estate Part 2
概説:

41_ud855_ifXyRlzIRxY_uAdJmeKQtuei

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
UD855 - Android Fundamentals 2
Duration:
01:57

Chinese, Simplified subtitles

改訂 Compare revisions