uni.createAnimation() opcity 淡入淡出
时间: 2024-09-26 10:07:39 浏览: 32
CSS隐藏元素 display visibility opacity的区别.docx
uni.createAnimation() 是 UniApp 中的一个动画创建函数,它用于创建和管理页面元素的动画效果。当设置 opacity 参数时,可以实现元素的淡入淡出效果。opacity 是表示透明度的值,范围通常是从0(完全透明)到1(完全不透明)。通过改变这个属性的值,在一段时间内从无到有或从有到无,就可以让元素看起来像是慢慢变得可见或消失,这就是所谓的淡入淡出动画。
例如,你可以这样做:
```javascript
const animation = uni.createAnimation({
properties: {
opacity: {
duration: 1000, // 动画持续时间(毫秒)
timingFunction: 'ease-in-out', // 过渡速度曲线
delay: 500, // 动画开始前的延迟时间(毫秒)
values: [0, 1], // 初始状态为完全透明,结束状态为完全不透明
}
},
timing: 'linear', // 动画执行方式
});
animation.play(); // 开始播放动画
```
阅读全文