找回密码
 注册帐号

扫一扫,访问微社区

GUI 求教怎样做UI生长动画? 我想做一个箭头的UI曲线动画?

3
回复
195
查看
[ 复制链接 ]
7日久生情
3747/5000
排名
2980
昨日变化

28

主题

2267

帖子

3747

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
173503
好友
3
蛮牛币
1059
威望
0
注册时间
2016-10-5
在线时间
956 小时
最后登录
2019-8-19
2019-8-11 08:41:26 显示全部楼层 阅读模式
5蛮牛币
求教怎样做UI生长动画? 我想做一个箭头的UI曲线动画, 怎样能够让这个曲线箭头 自然的出现?  我用了DOtween 缩放功能,对于直线箭头效果还行, 曲线效果就不好了。 请问有其他的什么办法吗??

动画1~5箭头5.png
回复

使用道具 举报

3偶尔光临
244/300
排名
13054
昨日变化

4

主题

41

帖子

244

积分

Rank: 3Rank: 3Rank: 3

UID
138035
好友
0
蛮牛币
1899
威望
0
注册时间
2016-3-1
在线时间
137 小时
最后登录
2019-8-20
2019-8-12 09:01:30 显示全部楼层
1.把图片左边用黑色填充 使图片变成方形
2.Image组件的ImageType改成Filled  用Radial360 调整一下旋转角度改为顺时针 FillOrigin选择Top
3.Dotween对Image做DoFillAmount操作 操作值自0到0.5f
4.如果效果不是太好还可以选Vertical填充 自顶向下
回复

使用道具 举报

2初来乍到
142/150

0

主题

24

帖子

142

积分

Rank: 2Rank: 2

UID
309624
好友
1
蛮牛币
216
威望
0
注册时间
2018-12-25
在线时间
118 小时
最后登录
2019-8-19
2019-8-12 11:18:38 显示全部楼层
做一张半圆的图来当作Mask蒙版,蒙版的大小就是箭头弧度的的半圆,圆心确定在半圆直径的中心,把蒙版的ImageType改成Filled,用Radial180, FillOrigin选择Left,Clockwise打勾。再把箭头Img放到Mask下边,当作子,调整Mask就好了
回复

使用道具 举报

4四处流浪
403/500
排名
10465
昨日变化

20

主题

109

帖子

403

积分

Rank: 4

UID
297864
好友
4
蛮牛币
1338
威望
0
注册时间
2018-9-21
在线时间
142 小时
最后登录
2019-8-20
5 小时前 显示全部楼层
你既然用了dotween的缩放功能有没有试过用dotween的路径动画加上一个mask这样,DotweenPro中有路径动画,蛮牛内有资源。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则