Return to Video

So Much Real Estate Part 3 (solution)

  • 0:00 - 0:02
    首先 获取初始代码
  • 0:02 - 0:06
    接下来要做的事情就是添加指向 CardView 的库
  • 0:06 - 0:10
    如果添加在项目架构依赖项下
  • 0:10 - 0:13
    这将存放在更大的文件中
  • 0:13 - 0:16
    对于纵向的平板电脑 这就很简单了
  • 0:16 - 0:19
    要做的就是将其替换为当前在框架布局中
  • 0:19 - 0:21
    带有 CardView 的内容 这样很管用
  • 0:21 - 0:24
    你当然想要正确地设置 cardElevation
  • 0:24 - 0:26
    并设置 PreventCornerOverlap=False
  • 0:26 - 0:29
    因此 在较旧的设备上 不会以白线结束
  • 0:29 - 0:33
    对于横向的平板电脑就要稍微复杂一些
  • 0:33 - 0:38
    可以看到 我们所做的就是在此处添加 CardViewAligner
  • 0:38 - 0:42
    将 marginRight 设置为 64dp
  • 0:42 - 0:46
    然后将 alignLeft 设置为 layout_center
  • 0:46 - 0:50
    这会允许我们添加其他计算
  • 0:50 - 0:52
    即使没有添加任何布局层级
  • 0:52 - 0:57
    我们依然可以在此案例中添加间距 真是太酷了
  • 0:57 - 1:00
    这让我们可以将卡片视图放在
  • 1:00 - 1:03
    7 英寸和 10 英寸平板电脑布局的右边 太酷了
  • 1:03 - 1:04
    我还要做的其他事情就是
  • 1:04 - 1:07
    将此处的框架布局替换为卡片视图
  • 1:07 - 1:11
    这很有意义 你可以看到它与 CardViewAligner 对齐
  • 1:11 - 1:15
    当然 它也有 cardElevation 而且 cardPreventCornerOverlap=False
  • 1:15 - 1:18
    有关它的另一个需要注意的地方
  • 1:18 - 1:21
    就是 我们需要在详细信息 Fragment 中进行一些操作
  • 1:21 - 1:25
    在我们加载 (而不是像以前一样将自己设置为 INVISIBLE) 时
  • 1:25 - 1:28
    我们要做的 就是查看上层
  • 1:28 - 1:32
    看看上层是不是 CardView
  • 1:32 - 1:36
    如果是 将其设置为 INVISIBLE
  • 1:36 - 1:38
    在 onLoadFinished 中 也要进行同样的操作
  • 1:38 - 1:42
    我们会认为 如果上层是 CardView
  • 1:42 - 1:44
    那么就把它设置为 VISIBLE 吧
  • 1:44 - 1:47
    它便会保持与 Fragment 未加载时相同的行为
  • 1:47 - 1:48
    我们什么都看不到
  • 1:48 - 1:52
    这很重要 在空视图中更是如此
  • 1:52 - 1:56
    我们现在真的不想看到那种残影继续出现
  • 1:56 - 1:57
    就是这样
  • 1:57 - 1:59
    非常直观易懂
  • 1:59 - 2:03
    我觉得相对布局中的空间会带来一些挑战
  • 2:03 - 2:09
    但这是一个如何利用另一个视图进行运算的好例子
  • 2:09 - 2:11
    有时候 你需要在 Android 视图中进行
タイトル:
So Much Real Estate Part 3 (solution)
概説:

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

Chinese, Simplified subtitles

改訂 Compare revisions