【HarmonyOS】鸿蒙开发之Button组件——第3.4章

---

按钮范例

• Capsule（默认值）：胶囊范例
  

1. Button("默认样式")
2.           .height(40)//高度
3.           .width(90)//宽度
4.           .backgroundColor('#aabbcc')//背景颜色

复制代码

运行结果:

• Normal：矩形按钮，无圆角
  

1. Button({type:ButtonType.Normal}){
2.           Text("自定义样式")
3.             .fontSize(28)// 设置按钮文字大小
4.             .fontColor(Color.Blue)
5.             .padding(10)
6.         }.borderRadius(8)// 设置圆角，但是没有效果
7.         .backgroundColor("#aabbcc")

复制代码

运行结果:

• Circle：圆形按钮
  

1.   Button("样式二111",{type:ButtonType.Circle})
2.           .width(100)
3.           .backgroundColor('#aabbcc')

复制代码

运行结果:

自定义样式

实例代码:

1. Button({type:ButtonType.Normal}){
2.           Text("自定义样式")
3.             .fontSize(28)// 设置按钮文字大小
4.             .fontColor(Color.Blue)
5.             .padding(10)
6.         }.borderRadius(8)// 设置圆角，但是没有效果
7.         .backgroundColor("#aabbcc")
9.         Text().margin({top:10,bottom:10})
11.         Button({type:ButtonType.Normal}){
12.           Row(){
13.             Image($r("app.media.app_icon"))
14.               .width(50)
15.               .margin({right:10})
16.             Text("样式二")
17.           }.padding(10)
18.         }.borderRadius(8)// 设置圆角，但是没有效果
19.         .backgroundColor("#aabbcc")

复制代码

运行结果:

全部样式展示:

button组件变乱介绍

常用变乱有:
onClick() 点击变乱
onHover() 鼠标指针移动到元素或它的子元素上时发生的变乱
onMouse() 鼠标移动变乱
onTouch() 触摸时发生的变乱
onKeyEvent() 按键时发生的变乱
onFocus() 按钮聚焦时发生的变乱
onBlur() 按钮失去焦点发生的变乱
onAppear() 按钮表现时发生的变乱
onDisAppear() 按钮消失发生的变乱
…

   ✨                                                   踩坑不易，还希望各位大佬支持一下                                            \textcolor{gray}{踩坑不易，还希望各位大佬支持一下}                     踩坑不易，还希望各位大佬支持一下