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

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

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)
    }
  })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
分享
微博
QQ
微信
回复
2024-07-12 10:05:37
相关问题
HarmonyOS 实现按钮长按动画效果
973浏览 • 1回复 待解决
HarmonyOS 模拟点击拍照按钮
526浏览 • 1回复 待解决
HarmonyOS 按钮怎么防止重复点击
821浏览 • 1回复 待解决