526互联

十七、组件-基础组件-Button

发布时间 2023-12-20 10:55:28作者: 创客未来

Button

按钮组件，可快速创建不同样式的按钮。

方法1：Button(options?:{type?:ButtonType,stateEffect?:boolean})

方法2：Button(label?:ResourceStr,options?:{type?:ButtonType,stateEffect?:boolean})

使用文本内容创建相应的按钮组件，此时Button无法包含子组件。

 案例代码：

@Entry
@Component
struct ButtonDemo {

  build() {
    Column({space:10}) {
      Row(){
        Button({type:ButtonType.Normal,stateEffect:true}){
          Row(){
            LoadingProgress().width(20).height(20).color(Color.White)
            Text('按钮').fontSize(26).fontColor('#fff')
          }
        }
        .backgroundColor(Color.Gray).opacity(0.4)
        
        //使用文本内容创建相应的按钮组件，此时Button无法包含子组件。
        Button('小按钮',{type:ButtonType.Normal,stateEffect:false})

      }
    }
    .margin(20)
  }
}