可以的,OpenHarmony(以及 HarmonyOS 的 ArkUI)里的按钮是可以改样式的,而且方式很多,取决于你用的是 ArkTS(声明式开发) 还是 Java/JS 开发。下面以最常见的 ArkTS(推荐方式) 为主说明。
Button('确认')
.fontSize(18)
.fontColor('#FFFFFF')
.fontWeight(FontWeight.Bold)
Button('提交')
.width(200)
.height(48)
.backgroundColor('#007DFF')
.borderRadius(24)
Button('取消')
.backgroundColor(Color.Transparent)
.fontColor('#007DFF')
Button('主要按钮', { type: ButtonType.Capsule })
Button('普通按钮', { type: ButtonType.Normal })
Button('圆形按钮', { type: ButtonType.Circle })
Button() {
Row() {
Image($r('app.media.icon'))
.width(20)
.height(20)
Text('设置')
.margin({ left: 8 })
}
}
.backgroundColor('#F1F1F1')
Button('点击')
.stateStyles({
pressed: {
backgroundColor('#005BBB')
},
disabled: {
backgroundColor('#CCCCCC')
}
})
.enabled(false)
✅ 可以
如果 Button 的样式不够用,你完全可以:
Row + Text + Image 模拟按钮.onClick() 绑定点击事件@State 控制选中 / 按压状态示例:
Row()
.width(120)
.height(40)
.backgroundColor('#FF6600')
.borderRadius(20)
.onClick(() => {
console.info('自定义按钮点击')
})
| 需求 | 是否支持 |
|---|---|
| 改颜色 | ✅ |
| 改圆角 | ✅ |
| 改字体 | ✅ |
| 改大小 | ✅ |
| 自定义布局 | ✅ |
| 状态变化样式 | ✅ |
如果你告诉我:
我可以直接给你一段可用代码。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。