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