TT菌的部落格

欢迎来到米奇妙妙屋。

@TT7024年前

07/21
06:48
BakaXL 神秘幻想服务器群组

E-Shop磁铁终于有了温和的动画

一直都很不爽之前写的E-Shop的动画,然后今天决定要改一改
刚刚好看见了EasingFunction的用法,然后就决定用到E-Shop磁铁动画里。

网上很多都是通过xaml代码实现EasingFunction的功能=A=
动画直接写cs里的表示非常不开心= =
所以我决定贴出来造福人民

//以BakaXL内E-Shop磁铁向下滚动的动画为例(其他的动画实现效果大同小异)

//创建一个名为Goup的ThicknessAnimation动画
ThicknessAnimation Goup = new ThicknessAnimation();

//From和To用于设置动画起始位置和结束位置
Goup.From = new Thickness(0, 0, 0, -206);
Goup.To = new Thickness(0, -206, 0, 0);

//设置动画的播放时间
Goup.Duration = TimeSpan.FromSeconds(1);

//设置缓动函数,这是重点↓
Goup.EasingFunction = new CubicEase()
{
//上面我设置了CubicEase的缓动模式↑
//设置缓动的执行方式
EasingMode = EasingMode.EaseInOut
};

//开始动画_(:3 」∠)_
this.SellsItem.BeginAnimation(Grid.MarginProperty, Goup);

最后的效果出人意料的好,超乎我的想象,而且非常简单_(:3 」∠)_
最后附上效果图

NewShopTile1OldShopTile1

(左图为BakaXL 2.2.0加入了缓动效果的示意图,右图为BakaXL 2.1.2没有加入缓动效果的示意图)

E-Shop磁铁终于有了温和的动画