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:41Ref 允许我们
为资源生成别名。 -
1:41 - 1:43你们看，
在平板电脑的横向模式中， -
1:43 - 1:46详细信息视图应该
指向视图的垂直版本。 -
1:46 - 1:51我们要创建指向
ragment_detail_start 的 Ref， -
1:51 - 1:55并确保它指向了
所有配置的正确详细信息片段。 -
1:55 - 1:56我们在下一讲中
就会提到。
Udacity
|
Udacity Robot edited Chinese, Simplified subtitles for 06-20 So Much Real Estate Part 2 | |
|
|
Udacity Robot edited Chinese, Simplified subtitles for 06-20 So Much Real Estate Part 2 | |
|
|
Udacity Robot edited Chinese, Simplified subtitles for 06-20 So Much Real Estate Part 2 | |
|
|
Udacity Robot edited Chinese, Simplified subtitles for 06-20 So Much Real Estate Part 2 | |
|
|
Udacity Robot edited Chinese, Simplified subtitles for 06-20 So Much Real Estate Part 2 |