Button等控件设置点击效果

@Entry 
@Component 
struct TextExample6 { 
  // 通过状态变量来触发Button非通用属性刷新 
  @State bFontColor: string = '#000000' // Button字体颜色状态变量 
  @State bFontSize: string = '15' // Button字体大小状态变量 
 
  build() { 
    Button('我的按钮') 
      .fontColor(this.bFontColor) 
      .fontSize(this.bFontSize) 
      .stateStyles({ 
        normal: this.normalStyles, 
        pressed: this.pressedStyles, 
        disabled: this.disabledStyles, 
      }) 
      .onTouch((event?: TouchEvent) => { 
        // 触摸逻辑,通过判touchEvent的type修改状态变量触发Button刷新样式 
        if (event.type == TouchType.Up) { 
          // 按下 
          this.bFontColor = '#000000' 
          this.bFontSize = '15' 
        } else if (event.type == TouchType.Move) { 
          // 移动 
          this.bFontColor = '#FFFF00' 
          this.bFontSize = '40' 
        } 
        else { 
          // 松开/取消 
          this.bFontColor = '#00FFFF' 
          this.bFontSize = '20' 
        } 
      }) 
  } 
}
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.