HarmonyOS 怎么让disable状态下Button组件不显示最上方禁用样式蒙版
// xxx.ets
@Entry
@Component
struct Index {
@State isEnable: boolean = true
@Styles pressedStyles():void {
.backgroundColor("#ED6F21")
.borderRadius(10)
.borderStyle(BorderStyle.Dashed)
.borderWidth(2)
.borderColor("#33000000")
.width(120)
.height(30)
.opacity(1)
}
@Styles disabledStyles():void {
.backgroundColor("#ED6F21")
.borderRadius(10)
.borderStyle(BorderStyle.Solid)
.borderWidth(2)
.borderColor("#2a4c1919")
.width(90)
.height(25)
.opacity(1)
}
@Styles normalStyles():void {
.linearGradient(undefined)
.backgroundColor("#0A59F7")
.borderRadius(10)
.borderStyle(BorderStyle.Solid)
.borderWidth(2)
.borderColor("#2a4c1919")
.width(90)
.height(25)
.opacity(1)
}
build() {
Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center }) {
Text(this.isEnable == true ? "effective" : "disabled")
.fontColor(Color.White)
.enabled(this.isEnable)
.stateStyles({
normal: this.normalStyles,
disabled: this.disabledStyles,
})
.textAlign(TextAlign.Center)
Button(this.isEnable == true ? "effective" : "disabled")
.width(100)
.height(25)
.enabled(this.isEnable)
.stateStyles({
normal: this.normalStyles,
disabled: this.disabledStyles,
})
Blank().height(100)
Text("control disabled")
.onClick(() => {
this.isEnable = !this.isEnable
console.log(`${this.isEnable}`)
})
}
.width(350).height(300)
}
}
在上方这个demo中,同时改变Text组件和Button组件的状态,让他们同时处于disable状态,同时设置了disabledStyles,发现Button组件和预期想要的效果有出入,disable状态下按钮上方又盖了一层禁用样式的颜色,导致要比Text组件的颜色淡,要怎么处理让按钮上方自带的禁用样式不生效呢?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Button组件disable状态下的默认蒙版怎么去掉
803浏览 • 1回复 待解决
何设置组件不同状态下的样式
3060浏览 • 1回复 待解决
如何设置组件不同状态下的样式
2898浏览 • 1回复 待解决
TextInput组件输入状态下隐藏光标
2618浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Web组件开启状态下,禁用特定页面的广告过滤?
701浏览 • 1回复 待解决
HarmonyOS 横屏状态下获取组件的宽高
1587浏览 • 1回复 待解决
HarmonyOS 如何判断scroll里面的某个子组件滚到屏幕的最上方
825浏览 • 1回复 待解决
HarmonyOS TextInput在输入状态下,如何让点击界面任何地方,收起键盘?
799浏览 • 1回复 待解决
HarmonyOS List组件,单行横向排列,怎么让内容展示不全的项不显示?
1085浏览 • 1回复 待解决
HarmonyOS 怎么给bindPopup设置全屏的蒙版
769浏览 • 1回复 待解决
HarmonyOS 折叠屏展开的分屏状态下app怎么正确获取“屏幕”宽度?
1066浏览 • 1回复 待解决
HarmonyOS目前button组件默认都是蓝色背景,是否支持其他样式的button组件
3102浏览 • 1回复 待解决
HarmonyOS 按钮设置了不同状态下的字体颜色,但是都只显示Normal的颜色
1016浏览 • 1回复 待解决
HarmonyOS Navigation组件,如何获取分栏与不分栏状态下的页面宽高
678浏览 • 1回复 待解决
HarmonyOS 蒙文显示的是竖直从上到下显示文案
1062浏览 • 1回复 待解决
HarmonyOS Button、Text组件的状态修改问题
1663浏览 • 1回复 待解决
未联网状态下,调用getNetCapabilitiesSync接口,程序崩溃
1163浏览 • 1回复 待解决
怎么让文本框在禁用时变灰?
611浏览 • 1回复 待解决
HarmonyOS web组件alert不显示
2217浏览 • 1回复 待解决
HarmonyOS Web组件不显示图片
913浏览 • 1回复 待解决
HarmonyOS Refresh组件disable的功能
653浏览 • 1回复 待解决
HarmonyOS button组件enabled为false时,默认样式是什么?
1334浏览 • 1回复 待解决
HarmonyOS button 选中状态和normal状态图片怎么设置
775浏览 • 1回复 待解决
PopupDialog 不显示怎么回事?
8630浏览 • 2回复 待解决
HarmonyOS web系统组件写css不显示
1082浏览 • 1回复 待解决
这个Button禁用蒙版没法去掉,HarmonyOS目前Button设置disabled状态时背景颜色会变浅优先级高于stateStyle设置的级别,可以用Text组件代替Button实现想要的效果。
请参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-polymorphic-style-V5#示例1