HarmonyOS 鸿蒙Next在Stack上根据手指点击地方动态增加小圆点，然后1秒后淡出，如何来实现，大佬们提供下思路

像这样可以，我试了，我我方法先创建一个固定长度的数组，这个长度是在单位时间内大致不会超过的；然后通过index定位修改top、left和is从而实现显示，同时定时1秒隐藏；这样我看了下可以实现你说的那个效果。

@Entry @Component struct Index { @State indexs: test[] = []; @State index: number = 0;

aboutToAppear(): void { // 初始化数据 for (let i = 0; i < 20; i++) { this.indexs.push(new test(0, 0)) } }

build() { Stack() { ForEach(this.indexs, (test: test)=>{ Dot({test: test}) }, (test: test, index: number)=>{ return test.top + “:” + test.left + “:” + index }) }.width(“100%”) .height(“100%”) .alignContent(Alignment.TopStart) .onClick((e)=>{ this.indexs[this.index].top = e.y; this.indexs[this.index].left = e.x; this.indexs[this.index].display(); this.index = this.index+1>=20?0:this.index+1 }) } }

@Component struct Dot{ @ObjectLink test: test private w: number = 15 build() { if (this.test.is){ Row().width(this.w).height(this.w).borderRadius(this.w).backgroundColor(“red”) .margin({left: this.test.left, top: this.test.top}) .transition({ opacity: 0 }) } } }

@Observed class test { top: number; left: number; is: boolean = false;

constructor(top: number, left: number) { this.top = top; this.left = left; }

display() { animateTo({duration: 400}, ()=>{ this.is = true; }) setTimeout(() => { this.hide(); }, 1000) }

hide() { animateTo({duration: 400}, ()=>{ this.is = false; }) } }