基于滑动监听和状态变量实现滑动时取消按压态

@Entry 
@Component 
struct Page23 { 
  private arr: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] 
  private normalColor: Color = 0xFFFF00; 
  private pressedColor: Color = 0x00FF00; 
  @State bgColor: Color = this.pressedColor; 
  
  build() { 
    List() { 
      ForEach(this.arr, (item: number) => { 
        ListItem() { 
          Column() { 
            Text('#芒格去在guopiao投资领域有一番作为了吗？这实在太诱人了。\n\n听完演讲后，我回去立刻找来了有关巴菲特的所有图书，包括他致伯克希尔·哈撒韦公司股东的年信及各种关于他的研究，也了解到芒格先生是巴菲特先生几十年来形影不离的合伙人，然后整整花了一两年的时间来彻底地研究他们') 
              .width('100%') 
          }.stateStyles({ 
            normal: { 
              .backgroundColor(this.normalColor) 
            }, 
            pressed: { 
              .backgroundColor(this.bgColor) 
            }, 
            focused: { 
              .backgroundColor(0xFF0000) 
            } 
          }) 
          .margin({ 
            top: 5, 
            bottom: 5 
          }) 
        } 
      }, (item: number) => item + '') 
    } 
    .onScrollStart(() => { //滑动开始时，设置按压态颜色为normalColor 
      this.bgColor = this.normalColor 
    }) 
    .onScrollStop(() => { // 滑动结束时，设置按压态颜色为pressedColor 
      this.bgColor = this.pressedColor 
    }) 
  } 
}