Material Design 里这种交互效果是怎么实现的

2025-05-19 02:42:07
推荐回答(1个)
回答1:

  不难,交互动画关键是想象力。

  你可以理解为从初始状态A,到目标状态B。
  寻找相同的部分补充过渡动画,效果越平滑越好。
  不同的部分有alpha的变化或transition,或者结合在一起,甚至更多效果一起。

  如第一个图就有
  主要图案scale的变化,整体frame的变化,延时的圆形滑块的透明度和scale的变化。

  第二个也一样,你可以分开来理解,首先点了名字,目标状态的名字从这个位置初始化做transition,名字在目标结束的位置是不变的,所以移动到该去的位置就行了。背景的alpha变化,底部信息也是alpha的变化和transition的结合。

  如果会Core Animation,顺便一说这些动画只是presentation layer的action。