如题，切换过程动画：[动画视频链接]( https://cdn.nextto.top/2020/09/11/Screenrecorder-2020-09-11-16-01-12-21.mp4)
This topic created in 2245 days ago, the information mentioned may be changed or developed.
 |
also24Sep 11, 2020
1
看起来有点像 Shared Element Transition 的效果。
https://developer.android.com/training/transitions/start-activity |
 |
2
@also24 感觉不太像，通过慢放视频，先是点击子项那里出现一个带灰度的框，然后框的高度和宽度逐渐扩张到全屏幕，灰度也逐渐消失，最后动画完成。期间看上去没有共享元素。
|
 |
dying4deathSep 11, 2020
3
可以搜搜 activity 或 fragment 转场动画
|
 |
wvitasSep 11, 2020
4
motionLayout 了解下
|
 |
5
这个感觉和 iOS 的 Appstore 的效果很像...
|
1 |
daquandiao2Sep 11, 2020
6
录屏用的什么软件
|
 |
YenbenSep 11, 2020
7
Circular Reveal
|
|
8
@daquandiao2 MIUI 自带的录屏
|
|
9
@Yenben 揭露动画不会对内容进行缩放
|
|
10
@wvitas 我研究一下
|
 |
ezrealinxhSep 11, 2020
11
非要一模一样的话自定义 transition 就行
|
 |
chenyu8674Sep 11, 2020
12
逐帧播放会发现其实是两段动画，原 View 的点击和全屏 View 的放大
分界点在 01:429 |
|
13
@wvitas 这个可行，多谢了👍
|
 |
cyberpointSep 11, 2020
14
好像挺简单的，加个过度就解决了
|
 |
IGJackloveSep 12, 2020 via Android
15
这好像没啥难的吧。。。flutter 写这种路由动画很简单的，用 hero 可以做到那个框一直显示然后过度到下一个页面。
https://github.com/blaugold/circular_clip_route 可以看一下这种效果，想要圆还是方形改一下 clip 就可以了。 |
 |
fansanggSep 12, 2020
16
|
|
17
@fansangg 这个也不错，但是不完全符合图示 MIUI 的动画。我用 Motion Layout 实现了一个 demo，如果你感兴趣可以[看看]( https://github.com/ijkzen/MotionLayoutDemo.git)
|
Select Language