#鸿蒙通关秘籍#如何实现首页下拉进入二楼效果？

Column() {
  // 二楼页面
  Column() {
    this.floorViewBuilder();
  }.position({
    x: 0,
    y: this.mainPageOffsetY
  })
  // 一楼页面
  Column() {
    this.mainPageBuilder();
  }.position({
    x: 0,
    y: this.offsetY + this.floorHeight
  })
}.clip(true)

Column() {
  .onTouch((event) => {
    switch (event.type) {
      case TouchType.Down:
        this.onTouchDown(event);
        break;
      case TouchType.Move:
        this.onTouchMove(event);
        break;
    }
    event.stopPropagation();
  })
}

private onTouchDown(event: TouchEvent) {
  this.lastY = event.touches[0].windowY;
}

private onTouchMove(event: TouchEvent) {
  let currentY = event.touches[0].windowY;
  let deltaY = currentY - this.lastY;
}
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.
36.
37.
38.
39.