HarmonyOS NEXT组件堆叠实现_鸿蒙实现堆叠效果(2)，面试必过

Stack({ alignContent: Alignment.Top }) {
Scroll(this.scroller) {
…
}
}

1. 在顶部的可滚动区域，通过使用Scroll组件来获取堆叠效果。

Scroll(this.scroller) {
Column() {
…
}
}

1. 实现滚动过程中动态调整文本框高度的功能时，运用Scroll组件滚动事件回调函数onScroll在滚动时修改文本框的高度及组件的透明度。

.onScroll(() => {
let yOffset: number = this.scroller2.currentOffset().yOffset;
this.Height2 = this.Height2_raw - yOffset * 0.5;
// 根据yOffset的偏移量来设置IconList2的透明度，当偏移量大于等于IconList2原始高度就是透明的。
if (1 - yOffset / this.IconList2_raw >= 0) {
this.Opacity2 = 1 - yOffset / this.IconList2_raw; // IconList2的透明度
} else {
this.Opacity2 = 0;
}
// 巧妙利用IconList2的透明度的值Opacity2来设置IconList2的缩放。
this.ratio = this.Opacity2;
// 根据yOffset的偏移量来设置IconList1的透明度和IconLis