Return to Video

TODO Adding Elevation

  • 0:01 - 0:05
    我们现在有材料从相同 elevation 的材料中穿过
  • 0:05 - 0:08
    这有些不符合规范
  • 0:08 - 0:10
    我们想要实现这样的效果
  • 0:12 - 0:16
    可以看到 当内容滑入其下方时
  • 0:16 - 0:18
    应用栏的 elevation 会增加并投射下阴影
  • 0:19 - 0:22
    幸好我们可以在 RecyclerView 滚动时进行回调
  • 0:24 - 0:27
    我觉得 可能有少部分学员希望
  • 0:27 - 0:31
    自己尝试来实现这个效果
  • 0:31 - 0:33
    如果你是其中一员 现在就可以暂停视频
  • 0:33 - 0:35
    在我向你们出示答案前亲自尝试一下
  • 0:35 - 0:41
    好的 最后的机会 揭晓答案
  • 0:41 - 0:43
    这是我的实现方式
  • 0:43 - 0:47
    在 onCreateView 中与视差效果相关的内容下方
  • 0:47 - 0:50
    我先检查有没有应用栏
  • 0:50 - 0:53
    如果有 将其 elevation 设置为 0
  • 0:53 - 0:56
    然后在此处添加一个 OnScrollListener
  • 0:56 - 1:00
    一旦出现滚动 我们将会检查 RecyclerView 的垂直偏移
  • 1:00 - 1:02
    如果是 0 则内容未滚动到应用栏下方
  • 1:02 - 1:05
    我们将应用栏 elevation 设置为 0
  • 1:05 - 1:08
    否则 表明内容已滚动到应用栏下方 我们将 elevation 设为 TargetElevation
  • 1:08 - 1:10
    这是应用栏一项挺酷的功能
  • 1:12 - 1:15
    这样我们就实现了这个不错的下方滚动效果
  • 1:15 - 1:18
    在平板电脑上可能看不太清楚
  • 1:18 - 1:21
    但这里确实有投射出来的阴影
  • 1:21 - 1:26
    这是一个小细节 但正如我在最后打磨过程中一直所说的
  • 1:26 - 1:30
    这最后的 10% 会造成天壤之别
  • 1:30 - 1:32
    甚至有时最后的 1% 就可造就巨大差异
Title:
TODO Adding Elevation
Description:

more » « less
Video Language:
English
Team:
Udacity
Project:
UD855 - Android Fundamentals 2
Duration:
01:33

Chinese, Simplified subtitles

Revisions Compare revisions