Return to Video

Animating our Transitions (solution)

  • 0:00 - 0:02
    很好 你已完成!
  • 0:02 - 0:03
    大家看看我是怎么做的
  • 0:04 - 0:06
    首先 创建一些新主题
  • 0:06 - 0:10
    我创建了 AppTheme.Main 和 AppTheme.Details
  • 0:10 - 0:12
    这两个都出自 AppTheme
  • 0:12 - 0:15
    将它们放在主样式中 这样就可以保存它们
  • 0:15 - 0:18
    我通常会把这些东西都隔绝在外 因为可以把所有 v21 的内容
  • 0:18 - 0:22
    都置于很旧 很旧的 Android Stuff 外真是太好了
  • 0:22 - 0:25
    接下来我们到 v21
  • 0:26 - 0:31
    我已经用这个名字创建了上述样式
  • 0:31 - 0:34
    开启 windowContentTransitions 接下来
  • 0:34 - 0:37
    详细信息会引用这些输入并返回过渡
  • 0:37 - 0:39
    这个和我向你们展示的那个很像
  • 0:40 - 0:45
    如果查看我们的过渡 已经有 Transition 资源
  • 0:45 - 0:50
    可以看到 我们有两种不同过渡
  • 0:50 - 0:53
    一个是 v21 另一个是横向 v21 很好
  • 0:54 - 0:58
    那么 在我们所处的
  • 0:58 - 1:01
    非横向情况中 就很直观易懂
  • 1:02 - 1:03
    这就是我之前给大家展示过的内容
  • 1:03 - 1:05
    将它们排列在一起
  • 1:05 - 1:06
    时长为半秒钟
  • 1:06 - 1:10
    打算将所有非状态栏和导航栏以外的东西都淡出
  • 1:10 - 1:14
    将工具栏从顶部滑入
  • 1:14 - 1:18
    并从底部滑入其他窗格
  • 1:18 - 1:19
    非常 非常直接
  • 1:19 - 1:22
    对于横向模式 唯一的差别就是我们要将其他面板从右滑入
  • 1:22 - 1:25
    因为这样看起来更好
  • 1:26 - 1:28
    对于返回过渡
  • 1:28 - 1:32
    纵向情况下 我们将其从底部滑出
  • 1:32 - 1:35
    横向情况下 从右边滑出
  • 1:35 - 1:37
    所以 从添加过渡设置来说 非常直接
  • 1:37 - 1:39
    现在的唯一问题就是
  • 1:40 - 1:45
    我们到底从何处启动动画?
  • 1:45 - 1:49
    当然 一个好地方就是 MainActivity
  • 1:49 - 1:51
    MainActivity 知道现在发生什么
  • 1:51 - 1:54
    但还有一个问题就是 它还负责启动动画
  • 1:54 - 1:58
    如果不是在双窗格模式下
  • 1:58 - 2:01
    MainActivity 负责启动下一个 activity
  • 2:01 - 2:05
    我们只需调用 ActivityOptionsCompat 和 makeSceneTransitionAnimation
  • 2:05 - 2:06
    然后启动 activity
  • 2:06 - 2:08
    这样就完成了
  • 2:08 - 2:10
    这样 我们就有了非常、非常简单的过渡
Title:
Animating our Transitions (solution)
Description:

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

Chinese, Simplified subtitles

Revisions Compare revisions