如何实现按钮的点击效果?

如何实现按钮的点击效果?

HarmonyOS
2024-07-11 11:14:11
浏览
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
droidzxy

ButtonOptions对象

名称

类型

必填

描述

type

​ButtonType​


描述按钮显示样式。

默认值:ButtonType.Capsule

元服务API: 从API version 11开始,该接口支持在元服务中使用。

stateEffect

boolean


按钮按下时是否开启按压态显示效果,当设置为false时,按压效果关闭。

默认值:true

说明:

当开启按压态显示效果,开发者设置状态样式时,会基于状态样式设置完成后的背景色再进行颜色叠加。

元服务API: 从API version 11开始,该接口支持在元服务中使用。



Button('OK', {type:ButtonType.Normal,stateEffect:true})

.borderRadius(8)

.backgroundColor(0x317aff)

.width(90)

.onClick(() =>

console.log('ButtonType.Normal')

})



分享
微博
QQ
微信
回复
2024-07-11 15:42:20
鸡翅可乐
Text("点我")
  .width(100)
  .height(40)
  .fontColor(Color.White)
  .textAlign(TextAlign.Center)
  .stateStyles({
    pressed: {//按住时显示的背景色
      .backgroundColor(Color.Gray)
    },
    normal: {//松开手指正常情况下背景色
      .backgroundColor(Color.Blue)
    }
  })
分享
微博
QQ
微信
回复
2024-07-12 10:05:37
相关问题
如何去掉Toggle一类控件点击效果
207浏览 • 1回复 待解决
点击拒接按钮后无法再次来电
1878浏览 • 1回复 待解决
如何实现组件阴影效果
657浏览 • 1回复 待解决
如何实现类似keyframes效果
1708浏览 • 1回复 待解决
HarmonyOS 点击图片按钮中间没反应
252浏览 • 1回复 待解决
如何实现列表页单选效果
2211浏览 • 0回复 待解决
如何实现list折叠动画效果
206浏览 • 1回复 待解决
如何实现通用吸顶效果
466浏览 • 1回复 待解决
canvas如何实现水印效果
756浏览 • 1回复 待解决
如何实现星级评分效果
314浏览 • 1回复 待解决
如何实现图片点击跳转?
5261浏览 • 1回复 待解决