YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Chinese, Simplified subtitles

← FTRpemXF3_8

FTRpemXF3_8

Get Embed Code
6 Languages

Showing Revision 4 created 04/13/2016 by Udacity Robot.

  1. 让我们来看看如何实现启发性动作。

  2. 在这个例子中,
    我们有一张“全出血”图像和它下方的内容。
  3. 这里有一个矛盾点,
    我们既希望完全显示图像,
  4. 又希望告诉用户还有更多文本可读。
  5. 也许我们希望立即向用户展现部分内容。
  6. 我们能做的就是完全显示图像,
  7. 然后立即向上滑入部分文本,
    用来暗示更多文本的存在。
  8. 让我们来看看如何实现这一简单的
  9. 启发性动作。
  10. 让我们从布局开始。
  11. 这只是一个帧布局,有一张高度固定的图像,
  12. 和它前方的一个滚动视图。
  13. 滚动视图中的线性布局包含我们的文本内容,
  14. 而且具有纯白的背景。
  15. 我们将线性布局抬高一点,
    使它这个不同其他的平面
  16. 更明显一些。
  17. 现在,在默认的滚动位置上,
  18. 您可以看到整个图像和少量的文本内容。
  19. 我们要做的就是,
    当屏幕最先打开至显示
  20. 更多文本内容的位置时,
    将滚动位置做成动画。
  21. 我们使用 ObjectAnimator 将
  22. ScrollView 的 scrollY 制作成动画。
  23. 我们可以将 ScrollView 的平滑滚动用于 Method,
  24. 使您能够更多地控制动画。
  25. 我们在 onEnterAnimationComplete 内部开启动画,
  26. 以确保我们在开启动画前窗口过渡已经结束。
  27. 这只在 Android 5.0 及之后的版本中可用,
  28. 不过您可以在早期的版本中进行伪造,
    只要使用启动延时即可。
  29. 最终的效果是,您在开始阅读之前
  30. 就已经快速浏览了图像。
  31. 您很快就知道是要快速向上滑动看图像,
  32. 还是向下滑动看内容。