HarmonyOS button组件enabled为false时,默认样式是什么?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

目前Button设置disabled状态时背景颜色会变浅的优先级高于stateStyle的设置,如果想要自定义的enabled效果,可以用Text来实现按钮。参考的示例代码如下:

@Entry
@Component
export struct ButtonTest {
  @State isEnable: boolean = true
  @Styles disabledStyles():void {
    .backgroundColor("#0A59F7")
    .borderRadius(10)
    .borderStyle(BorderStyle.Solid)
    .borderColor("#2a4c1919")
    .width(90)
    .height(25)
    .opacity(0.7)
  }

  build() {
    Column({ space: 10 }) {
      Text(this.isEnable == true ? "effective" : "disabled")
        .backgroundColor("#0A59F7")
        .borderRadius(20)
        .borderStyle(BorderStyle.Solid)
        .width(100)
        .height(25)
        .opacity(1)
        .fontSize(14)
        .fontColor(Color.White)
        .enabled(this.isEnable)
        .stateStyles({
          disabled: this.disabledStyles,
        })
        .textAlign(TextAlign.Center)
        .onClick(()=>{
          this.isEnable = !this.isEnable
        })
    }
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
控件enabled设置false,hover失效
2257浏览 • 1回复 待解决
能修改Button默认样式吗?
362浏览 • 1回复 待解决
如何取消Button默认的按压效果?
660浏览 • 1回复 待解决
HarmonyOS UI组件的基类是什么
343浏览 • 1回复 待解决
修改分段按钮样式圆角矩形
981浏览 • 1回复 待解决
复用组件reuseId作用是什么
710浏览 • 1回复 待解决
HarmonyOS swiper组件样式
65浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人