ArkUI学习-Button按钮

1、Button：

Button组件主要用来响应点击操作，可以包含子组件。

2、按钮样式

分为三种：Normal、Capsule和Circle

//1、Normal：正常的按钮
Button('登录1',{type:ButtonType.Normal})
  .onClick(() =>{
    console.log("lyy","---登录成功---");
  })
  .margin({left:20})

//2、Capsule:胶囊形状
Button('登录2',{type:ButtonType.Capsule})
  .onClick(() =>{
    console.log("lyy","---登录成功---");
  })
  .margin({left:20,top:20,bottom:20})


//3、圆形
Button('登录3',{type:ButtonType.Circle})
  .onClick(() =>{
    console.log("lyy","---登录成功---");
  })
  .margin({left:20})
  .width(70)

3、按钮包含子控件

//4、包含子控件
//stateEffect:用于设置按钮按下时是否开启切换效果，当状态置为false时，点击效果关闭，默认值为true。
Button({type:ButtonType.Circle,stateEffect:true}){
     Image($r('app.media.delete'))
       .width(50)
       .height(50)
 }
  .onClick(() =>{
    console.log("lyy","---删除成功---");
  })
  .margin({left:20,top:20})
  .width(80)