xamarin.form Animation动画

Posted 2021-01-23 jiecaoge

动画分为几种：Translate（平移）,Scale（放大缩小），Rotate(旋转)，Flip（沿着X轴或者Y轴翻转），Fade（淡入淡出），Layout(重新指定长款距离)

只要是继承自VirtualElement这些父类就可以使用这些控件

1。Translate使用control.TranslateTO(X目标的位置,Y目标的位置,动画消耗时间 = null,动画效果 = null);

2。Scale使用control.ScaleTo(放大倍数,动画小号的时间 = null,动画效果 = null)

3。Rotate使用control.RotateTo()（单一旋转）或者control.RelRotateTo()（持续旋转）

4。Flip翻转使用control.RotateXTo()或者control.RotateYTo()

5。Fade淡入淡出使用control.FadeTo(透明度，时间)

6。Layout使用LayoutTo(new Rectangle(){X，Y，长，宽})

-----------------------------------------------复合动画--------------------------------

Animation ani = new Animation();
            {
                Animation a1 = new Animation(d => { this.control.Scale = d; }, 0, 1, Easing.SinIn);
                ani.Add(0, 0.3, a1);
            }
            {
                Animation a1 = new Animation(d => { this.control.Scale = d; }, 0, 1);
                ani.Add(0, 1, a1);
            }
            {
                Animation a1 = new Animation(d => { this.control.Scale = d; }, 0, 1, Easing.SpringOut);
                ani.Add(1, 2, a1);
            }
            ani.Commit(this, "aniName",16,5000);//第三个频率,第四个时间
            this.AbortAnimation("aniName");//可以终止动画运行