我正在尝试在我的图像上设置一个类似于脉冲的动画 https://daneden.github.io/animate.css/
因此,在 Xamarin.Forms 中,我尝试使用 ViewExtensions 类中的 ScaleTo 重新创建该动画:
await image.ScaleTo (1.3, 500);
await image.ScaleTo (1, 500);
await image.ScaleTo (1.3, 500);
await image.ScaleTo (1, 500);
但实际上没有什么附加的,我的形象保持不变。
我该如何解决这个问题?
感谢您的帮助。
我会将该CSS脉冲转换为自定义的父/子动画。
CSS脉冲:
//animation-duration: 1s;
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
Xamarin动画:
new Animation
{
{ 0, 0.5, new Animation (v => image.Scale = v, 1, 1.05) },
{ 0.5, 1, new Animation (v => image.Scale = v, 1.05, 1) },
}.Commit(this, "viewAnim", 16, 1000, Easing.Linear);