Axure教程:动态面板制作翻转的圆形

 时间:2026-05-01 13:24:42

1、首先绘制一个圆(直径为200)

Axure教程:动态面板制作翻转的圆形

2、将同一个圆,复制为9份,后续圆形不断压缩高度,至最低后再逐渐拉伸回原样,并将第一张图转换为动态面板

Axure教程:动态面板制作翻转的圆形

3、对动态面板添加状态,将后续的图片依次贴入不同的动态面板状态中;此处需注意,动态面板中的圆形的圆心需要与状态1中对应的圆心保持一致,在y轴100的位置。

Axure教程:动态面板制作翻转的圆形

Axure教程:动态面板制作翻转的圆形

4、对动态慢板添加轮播事件,使动态面板每100毫秒切换一次状态,循环往复

Axure教程:动态面板制作翻转的圆形

5、此时效果如图,大家可以看到圆形在比较流畅的翻转

Axure教程:动态面板制作翻转的圆形

6、有兴趣的同学可以将没个圆形在原有基础上,逐步添加渐变色,使圆形转起来更炫酷

Axure教程:动态面板制作翻转的圆形

  • AI教程:[71]如何修改文字的字体以及字号
  • ai实时上色选择工具怎么使用
  • AI软件怎么用宽度工具做三角形
  • AI illustrator如何在3D图形上添加贴图
  • AI如何自定义图表的标记?
  • 热门搜索
    脸被指甲抓伤怎么办 笔记本触摸屏怎么关 空调抽湿是什么意思 如何推广自己的网站 梦见蛇是什么预兆 疱疹如何治疗 rst是什么意思 如何截视频 影音先锋怎么下载电影 怎么解除微信手机绑定