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)
}
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
在上方这个demo中,同时改变Text组件和Button组件的状态,让他们同时处于disable状态,同时设置了disabledStyles,发现Button组件和预期想要的效果有出入,disable状态下按钮上方又盖了一层禁用样式的颜色,导致要比Text组件的颜色淡,要怎么处理让按钮上方自带的禁用样式不生效呢?
HarmonyOS
赞
收藏 0
回答 1
相关问题
HarmonyOS Button组件disable状态下的默认蒙版怎么去掉
525浏览 • 1回复 待解决
何设置组件不同状态下的样式
2802浏览 • 1回复 待解决
如何设置组件不同状态下的样式
2644浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Web组件开启状态下,禁用特定页面的广告过滤?
482浏览 • 1回复 待解决
TextInput组件输入状态下隐藏光标
2248浏览 • 1回复 待解决
HarmonyOS 横屏状态下获取组件的宽高
1313浏览 • 1回复 待解决
HarmonyOS List组件,单行横向排列,怎么让内容展示不全的项不显示?
707浏览 • 1回复 待解决
HarmonyOS 怎么给bindPopup设置全屏的蒙版
551浏览 • 1回复 待解决
HarmonyOS TextInput在输入状态下,如何让点击界面任何地方,收起键盘?
517浏览 • 1回复 待解决
HarmonyOS 如何判断scroll里面的某个子组件滚到屏幕的最上方
565浏览 • 1回复 待解决
HarmonyOS 折叠屏展开的分屏状态下app怎么正确获取“屏幕”宽度?
757浏览 • 1回复 待解决
HarmonyOS 蒙文显示的是竖直从上到下显示文案
825浏览 • 1回复 待解决
HarmonyOS 按钮设置了不同状态下的字体颜色,但是都只显示Normal的颜色
789浏览 • 1回复 待解决
HarmonyOS目前button组件默认都是蓝色背景,是否支持其他样式的button组件
2848浏览 • 1回复 待解决
HarmonyOS Navigation组件,如何获取分栏与不分栏状态下的页面宽高
453浏览 • 1回复 待解决
怎么让文本框在禁用时变灰?
301浏览 • 1回复 待解决
未联网状态下,调用getNetCapabilitiesSync接口,程序崩溃
874浏览 • 1回复 待解决
HarmonyOS Web组件不显示图片
656浏览 • 1回复 待解决
HarmonyOS web组件alert不显示
1814浏览 • 1回复 待解决
HarmonyOS Button、Text组件的状态修改问题
1178浏览 • 1回复 待解决
HarmonyOS button 选中状态和normal状态图片怎么设置
547浏览 • 1回复 待解决
PopupDialog 不显示怎么回事?
8353浏览 • 2回复 待解决
HarmonyOS button组件enabled为false时,默认样式是什么?
1065浏览 • 1回复 待解决
HarmonyOS CustomDialog打开时,背景会出现蒙版效果
525浏览 • 1回复 待解决
HarmonyOS Web组件加载片段时候不显示
802浏览 • 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