HarmonyOS 在Column onAppear时,通过linearGradient和animation改变控件背景的动画
使用如下方式动画并不起作用,
Row()
.alignItems(VerticalAlign.Center)
.width('100%')
.height('32lpx')
.animatableBgColor(this.bgColor(item.type), this.animationVal)
.onAppear(() => {
if (index === 0) {
animateTo({
delay: 200, onFinish: () => {
this.animationVal = 0;
}
}, () => {
this.animationVal = 1;
})
}
})
@AnimatableExtend(Row)
function animatableBgColor(colors: string[], position: number) {
.linearGradient(position === 0 ? {
colors: [
['#00000000', 0.0],
['#00000000', 1.0],
]
} : {
angle: 90,
colors: [
[colors[0], 0.0],
[colors[1], position],
[colors[2], 1.0],
]
})
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 背景渐变色linearGradient怎么通过@State里定义的对象动态取值动态改变渐变色
272浏览 • 1回复 待解决
HarmonyOS 2个TextInput控件,当TextInput输入都有值时,改变Text的背景色
448浏览 • 1回复 待解决
HarmonyOS animation动画无法生效
274浏览 • 1回复 待解决
HarmonyOS animation动画停止位置不对
304浏览 • 1回复 待解决
HarmonyOS animateTo或animation动画如何取消
511浏览 • 1回复 待解决
在XComponent组件中如何改变背景颜色
693浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用HarmonyOS的linearGradient实现背景渐变?
765浏览 • 1回复 待解决
Text组件,可以通过 .linearGradient 设置背景色的渐变,如何设置文字内容的渐变效果?
2143浏览 • 1回复 待解决
属性动画 (animation)或者显式动画 (animateTo)设置无限次播放之后如何进行关闭和动画切换?
921浏览 • 1回复 待解决
askTs的progress组件的值改变时如何设置过度动画?
2596浏览 • 1回复 待解决
animation 动画如何应用在canvas 内容里面?
899浏览 • 1回复 待解决
Column组件中放了Row子组件,当Row中的内容过长时,会显示在Column以外的区域
2026浏览 • 1回复 待解决
HarmonyOS Row()、Button()、Column()如何设置渐变色的背景?
1505浏览 • 2回复 待解决
HarmonyOS 使用Grid组件开发可编辑顺序的功能,在拖拽item时如何设置其他组件顺序改变的动画效果
515浏览 • 1回复 待解决
HarmonyOS 如何实现text文本和按钮按下改变背景颜色,松开按钮或者text背景颜色恢复
306浏览 • 1回复 待解决
HarmonyOS 视频播放时的静音功能的实现和监听音量改变
363浏览 • 1回复 待解决
HarmonyOS中使用transition和animation在列表下对性能影响有何区别?
253浏览 • 0回复 待解决
HarmonyOS 如何用动画实现Canvas内容的改变
483浏览 • 1回复 待解决
HarmonyOS 在Column 中,按钮组件和Line交替布局,细线被遮挡
313浏览 • 1回复 待解决
HarmonyOS linearGradient属性在Text组件下面不生效
400浏览 • 1回复 待解决
HarmonyOS 咨询如何在不改变系统原生Navigation转场动画的情况下,如何改变动画的执行时间
849浏览 • 1回复 待解决
HarmonyOS 在一个Row/Column里,通过循环往里面添加数据
372浏览 • 1回复 待解决
HarmonyOS 怎么让按钮禁用态不改变背景图的颜色?
680浏览 • 1回复 待解决
HarmonyOS 按钮或其他控件背景色的渐变方案
710浏览 • 1回复 待解决
参考demo如下: