如何使用Nativescript-Vue将元素指定为动画？
如何使用Nativescript-Vue将元素指定为动画？
提问于 2018-08-14 15:35:29
请查看此文档：
https://docs.nativescript.org/ui/animation
我正在尝试添加一个类或者这个元素的ID作为<Label>来动画任何东西，但是我不确定应该用什么来分配一个使用view的元素，通过直接用代码而不是Vue模板中的CSS动画调用动画方法来完全控制任何动画。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-16 04:06:15
蒂亚戈·阿尔维斯的杂货样本应用程序就是一个很好的例子。我在这里借用了他的一些代码，你可以像这样做动画：
给你的元素一个ref
<AbsoluteLayout marginTop="-340" ref="logoContainer" class="logo-container">
<Image translateY="0" src="res://seal" stretch="none"/>
</AbsoluteLayout>然后获取该引用并使用标准的NativeScript动画API对其进行动画处理：
this.$refs.logoContainer.nativeView
.animate({
translate: { x: 0, y: platformModule.isAndroid ? -70 : -50 },
duration: 500,
curve: enums.AnimationCurve.easeIn })
.then(() => {
this.state = 'main'
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51836043
复制相关文章
相似问题