找回密码
 注册帐号

扫一扫,访问微社区

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

4
回复
570
查看
[ 复制链接 ]
7日久生情
4094/5000
排名
2981
昨日变化

30

主题

2477

帖子

4094

积分

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

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

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

使用道具 举报

3偶尔光临
249/300
排名
13056
昨日变化

4

主题

43

帖子

249

积分

Rank: 3Rank: 3Rank: 3

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

使用道具 举报

3偶尔光临
216/300

0

主题

29

帖子

216

积分

Rank: 3Rank: 3Rank: 3

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

使用道具 举报

2初来乍到
109/150
排名
18795
昨日变化

3

主题

30

帖子

109

积分

Rank: 2Rank: 2

UID
6358
好友
0
蛮牛币
64
威望
0
注册时间
2013-10-25
在线时间
44 小时
最后登录
2019-11-23
2019-8-13 23:26:43 显示全部楼层
最简单的方法是做序列帧动画,然后脚本设置换图片速度。
方法2是用effect里面的拖尾。
回复

使用道具 举报

5熟悉之中
519/1000
排名
10466
昨日变化

22

主题

140

帖子

519

积分

Rank: 5Rank: 5

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

使用道具 举报

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

本版积分规则