精易论坛

标题: 窗口转场动画轮子,简单实现无数动画效果（css cubic-bezier） [打印本页]

作者: 神女软件定制 时间: 2025-4-11 01:13
标题: 窗口转场动画轮子,简单实现无数动画效果（css cubic-bezier）
做这个的初衷是想给自己的软件加上有特色的窗口载入动画。

可以让窗口在创建或销毁时，水平移动、垂直移动、宽度变化、高度变化、透明度变化、旋转角度变化。
可以任意组合这些，以及指定各自的参数。
运动可以不是线性的，由三次贝塞尔图像指定，比如可以先慢后快，先慢后快再慢，等等。和CSS中描述动画的cubic-bezier样式一样，参考调试网站：https://cubic-bezier.com

组合不同的运动属性，设置不同的运动图像，可以设计出无数种能想到的、想不到的动画效果。比如，简单的：可以让窗口从一个位置简单移动到最终位置，复杂的：可以让窗口从某个起点，旋转着放大，然后走s型路线，呈现到最终位置。

调用只有一行代码，但是要先设置好具体运动属性的参数和图像。
这个直觉上并不好设计，所以配套了一个简易的设计动画参数图像的工具：

在这上面调试你的动画参数和图像，左边会有一个窗口实时展示动画效果。

调用是一个c++编译的dll，只有一个导出函数。
因为要想动画流畅，就必须跟上帧率，里面有大量三次贝塞尔计算，易语言可能吃不消。也可能是因为懒得弄吧，后续看情况再考虑改易语言代码

完全可以自由扩展，我虽然写了这个实现代码，但我并不一定能设计出最好的动画效果。大家可以发挥想象力，自由创作。有漂亮的动画效果可以分享出来哦。

效果源码和dll和配套动画参数调试工具和我设计的4个动画效果下载：
[hide=d3650]

窗口转场动画.rar (1019.63 KB, 下载次数: 29, 售价: 1 枚精币) [/hide]

作者: sinewtec 时间: 2025-4-11 09:17
还能曲线调节？看看看看

作者: fengyishen 时间: 2025-4-11 10:24
感谢分享，下载看看

作者: 笨来无一悟 时间: 2025-4-11 12:50
爱的魔力转圈圈

作者: 网络注册会员 时间: 2025-4-11 13:12
支持一下

作者: 涤尘 时间: 2025-4-11 14:28
感谢分享

作者: zifeiyu 时间: 2025-4-11 15:44
66666666666666666666

作者: D名俾人改晒 时间: 2025-4-11 16:25
666666666666666666666666

作者: Mai001 时间: 2025-4-11 16:59
这个有点意思，新奇的思路

作者: ccerty 时间: 2025-4-11 17:09
这个有点意思，新奇的思路

作者: ljx111 时间: 2025-4-11 17:10
感谢分享

作者: qq1056123185 时间: 2025-4-11 17:22
并不一定能设计出最好的动画效果

作者: 李泽勇2 时间: 2025-4-11 17:24
看看大佬的新作品

作者: 李泽勇2 时间: 2025-4-11 17:26
关闭的时候会闪一下，估计是硬伤。

作者: yangxuan87 时间: 2025-4-11 17:38
666666666666

作者: 神女软件定制 时间: 2025-4-11 17:53

李泽勇2 发表于 2025-4-11 17:26
关闭的时候会闪一下，估计是硬伤。

嗯，要把窗口隐藏一下，才能获取背景图

作者: zhangcs 时间: 2025-4-11 19:36
666666666666

作者: wzi 时间: 2025-4-11 20:03
666666666666666666

作者: 学易未精 时间: 2025-4-11 20:42
牛逼，感谢分享

作者: 文西哥 时间: 2025-4-11 20:48
思路很牛学习游戏

作者: 艾玛克138 时间: 2025-4-11 20:53
感谢老大的无私奉献！！！

作者: sadamu999 时间: 2025-4-11 21:22
感谢老大的无私奉献！

作者: 嫂子 时间: 2025-4-11 21:32
效率堪忧把

作者: 神女软件定制 时间: 2025-4-11 22:00

嫂子发表于 2025-4-11 21:32
效率堪忧把

500毫秒，200帧，如果加入旋转角度属性，帧数会降低

作者: fooker 时间: 2025-4-11 22:12
学习一下学习一下学习一下

作者: 嫂子 时间: 2025-4-12 07:42

神女软件定制发表于 2025-4-11 22:00
500毫秒，200帧，如果加入旋转角度属性，帧数会降低

简单百叶窗可能是效率和特效的平衡点

作者: jcy689 时间: 2025-4-13 16:07
这个nb.谢谢楼主.

作者: hlfqzy 时间: 2025-4-14 07:32
谢谢分享

作者: mytiger 时间: 2025-4-14 10:49
感谢分享

作者: 18583687285 时间: 2025-4-14 21:18
感谢分享

作者: 宁静清澈 时间: 2025-4-15 21:31
感谢分享，很给力！

作者: yjihss 时间: 2025-4-16 00:27

学习一下！

作者: futiem 时间: 2025-4-16 05:18
画参数调试工具和我设计的4个动画效果下载

作者: year1970 时间: 2025-4-18 07:54
感谢分享

作者: godking 时间: 2025-4-18 15:06
感谢分享，很给力！~

作者: 易语言帅B芳块 时间: 2025-4-18 15:10
感谢分享，很给力！~

作者: asd2168972 时间: 2025-4-19 08:53
66666666666666666666

作者: lhn0925 时间: 2025-4-21 09:21
学习一下

作者: webmaster999 时间: 2025-4-23 14:33
感谢分享，很给力！~

作者: lhn0925 时间: 2025-4-29 22:36
学习一下

作者: eyy2017 时间: 2025-5-2 06:51
66666666666666666666666666

欢迎光临精易论坛 (https://125.confly.eu.org/)