文字背景颜色渐变显示

文字背景颜色渐变显示

HarmonyOS
2024-02-20 15:08:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
jmzgh
1

如何实现点击文字之后,在文字背景颜色中出现渐变色效果?比如点击0.5s前出现深灰色,0.5s之后出现浅灰色,直至消失?

代码示例

import curves from '@ohos.curves'; 
 
@Entry 
@Component 
struct text { 
  @State bgColor: Color = Color.Gray; 
 
  build() { 
    Column() { 
      Text('Hello World') 
        .fontSize(36) 
        .fontColor(Color.Red) 
        .backgroundColor(this.bgColor) 
        .onClick(() => { 
          animateTo({ curve: curves.springMotion() }, () => { 
            this.bgColor = Color.White; 
          }) 
        }) 
 
    } 
  } 
}

参考链接

显式动画

分享
微博
QQ
微信
回复
2024-02-20 20:15:49
相关问题
HarmonyOS Tab颜色渐变宽度渐变
16浏览 • 1回复 待解决
类似边框颜色线性渐变
674浏览 • 1回复 待解决
HarmonyOS 气泡背景颜色问题
26浏览 • 1回复 待解决
DataPanel如何实现颜色渐变
576浏览 • 1回复 待解决
HarmonyOS 如何设置渐变背景色?
992浏览 • 1回复 待解决
HarmonyOS 如何实现文字渐变色效果
65浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
2006浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
2174浏览 • 1回复 待解决
Button组件如何设置渐变背景
2589浏览 • 1回复 待解决
HarmonyOS 文字背景局部拉伸问题
63浏览 • 1回复 待解决
HarmonyOS 组件背景是否支持渐变色?
275浏览 • 1回复 待解决
Rect设置渐变显示异常
316浏览 • 0回复 待解决
text怎么更改部分文字颜色
7213浏览 • 1回复 待解决
如何设置边框的颜色渐变色?
535浏览 • 1回复 待解决
JS 卡片的背景颜色怎么修改呢?
6758浏览 • 3回复 待解决
如何将背景颜色设置为透明
2674浏览 • 1回复 待解决