HarmonyOS 鸿蒙Next关于List点击事件的设置和执行

HarmonyOS 鸿蒙Next关于List点击事件的设置和执行 为了实现以（以自定义的类为元素的数组）为数据源的列表的点击事件，我做了如下事情。

首先，我定义了一个类Attribution，以及它对应的列表项视图AttributionItem。

@ObservedV2
export default class Attribution {
  @Trace name: ResourceStr;
  @Trace content: ResourceStr;
  @Trace shortClickCallback: Function;
  @Trace longClickCallback: Function;

  constructor(name: ResourceStr, content: ResourceStr, shortClickCallback?: Function, longClickCallback?: Function) {
    this.name = name;
    this.content = content;
    this.shortClickCallback = shortClickCallback == undefined ? () => {
    } : shortClickCallback;
    this.longClickCallback = longClickCallback == undefined ? () => {
    } : longClickCallback;
  }

  public setName(name: ResourceStr): void {
    this.name = name;
  }

  public setContent(content: ResourceStr): void {
    this.content = content;
  }

  public setShortClickCallback(shortClickCallback: Function): void {
    this.shortClickCallback = shortClickCallback;
  }

  public setLongClickCallback(longClickCallback: Function): void {
    this.longClickCallback = longClickCallback;
  }

  public getName(): ResourceStr {
    return this.name;
  }

  public getContent(): ResourceStr {
    return this.content;
  }

  public getShortClickCallback(): Function {
    return this.shortClickCallback;
  }

  public getLongClickCallback(): Function {
    return this.longClickCallback;
  }
}

@ComponentV2
@Preview
export default struct AttributionItem {
  private static readonly TAG: string = 'AttributionItem';
  @Param @Require attribution: Attribution;
  @Param mBackgroundColor: Color = Color.Transparent;
  @Param mBorderRadius: number = 0;
  @Param mFontColor: ResourceColor = $r('sys.color.ohos_id_color_text_primary');
  @Param mFontSize: number = Constants.LIST_ITEM_CONTENT_SIZE;
  @Param mMargin: Margin = {
    top: 0,
    bottom: 0,
    left: 0,
    right: 0
  };

  build() {
    Row() {
      Row() {
        Text(this.attribution.getName())
          .fontColor(this.mFontColor)
          .fontSize(this.mFontSize)
          .fontWeight(FontWeight.Bold)
          .textAlign(TextAlign.Start)
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          .layoutWeight(1)

        Text(this.attribution.getContent())
          .fontColor(this.mFontColor)
          .fontSize(this.mFontSize)
          .textAlign(TextAlign.End)
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          .layoutWeight(1)
      }
      .margin(this.mMargin)
    }
    .justifyContent(FlexAlign.SpaceBetween)
    .backgroundColor(this.mBackgroundColor)
    .borderRadius(this.mBorderRadius)
    .onClick((event) => {
      hilog.info(Constants.HILOG_DOMAIN, AttributionItem.TAG, 'Clicked item.');
      hilog.info(Constants.HILOG_DOMAIN, AttributionItem.TAG, this.attribution.getShortClickCallback().toString())
      this.attribution.getShortClickCallback();
    })
    .gesture(LongPressGesture({ repeat: false })
      .onAction((event: GestureEvent) => {
        hilog.info(Constants.HILOG_DOMAIN, AttributionItem.TAG, 'Long click start.');
      })
      .onActionEnd((event: GestureEvent) => {
        hilog.info(Constants.HILOG_DOMAIN, AttributionItem.TAG, 'Long click end.');
        this.attribution.getLongClickCallback();
      }))
  }
}

其次，我定义了一个元素类型为Attribution的数组，并把它用作List的数据源：

@ComponentV2
export default struct SensorTabPage {
    @Local attributions: Array<Attribution> = [];
    
    List({ space: 10, initialIndex: 0 }) {
        if (this.attributions != null) {
          ForEach(this.attributions, (item: Attribution) => {
            if (item != null) {
              ListItem() {
                AttributionItem({
                  attribution: item
                })
              }
            }
          })
        }
      }
}

随后，我在代码中动态地向数组赋予了内容，并且设置了点击事件。赋予内容的方式就是使用new，这里不再赘述。设置点击事件的方式是调用数组中特定元素的setShortClickCallback()方法。

但是，点击列表项以后，点击事件并没有正确执行。

我的问题如下：

1. 我的写法有什么错误？
2. 对于动态设置List内容这个问题，有没有更好的实现方式？