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
    我们将要利用三种
  • 0:14 - 0:16
    Android 布局功能
  • 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
    请注意 我们同时使用 right 和 end
  • 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 标记实现的布局复用
  • 1:15 - 1:16
    我们可以看到
  • 1:16 - 1:20
    纵向和横向详细信息 Fragment 使用相同的视图
  • 1:20 - 1:23
    fragment.detail 视图已经包含这些布局
  • 1:23 - 1:27
    请注意 在 include 布局时 我们可以为其分配新的布局参数
  • 1:28 - 1:29
    在 Sunshine 里不会用到这个
  • 1:29 - 1:32
    在 include 布局时 若在该布局中使用 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
    我们将创建一个指向 fragment_detail_start 的 Ref
  • 1:51 - 1:55
    并确保它指向正确的详细信息 Fragment 以获取正确配置
  • 1:55 - 1:56
    在下一课中 这对我们会有所帮助
Title:
So Much Real Estate Part 2
Description:
more » « less
Video Language:
English
Team:
Udacity
Project:
UD855 - Android Fundamentals 2
Duration:
01:57

Chinese, Simplified subtitles

Revisions Compare revisions