HarmonyOS 鸿蒙Next 手势组合事件

ComponentA() {
    ComponentB()
    .gesture(TapGesture({count: 1}))
}
.parallelGesture(TapGesture({count: 1}))

const MIN_HEIGHT: number = 200; // 最小高度
const MAX_HEIGHT: number = 600; // 最大高度
@Entry
@Component
export struct SlideUpPanelWithGesture {
@State private boxHeight: number = MIN_HEIGHT; // 控件高度
private isAtTop: boolean = true; // 滚动内容是否在顶部
private isAtBottom: boolean = false; // 滚动内容是否在底部
@State private isDragging: boolean = false; // 是否处于拖动模式
TAG: string = “SlideUpPanelWithGesture”
build() {
Column() {
// 可滚动内容区域
List() {
ForEach(this.createArray(20), (item: number) => {
ListItem() {
Text(内容行 <span class="hljs-subst">${item}</span>).fontSize(18).padding(10);
}
});
}
.height(this.boxHeight) // 动态高度
.onWillScroll((offset: number, state: ScrollState) => {
// 检测是否滚动到顶部或底部
console.info(this.TAG, “onWillScroll…”)
this.isAtTop = offset <= 0;
this.isAtBottom = offset >= this.getMaxScrollOffset();
})
}
.<span class="hljs-title function_">backgroundColor</span>(<span class="hljs-number">0xf0f0f0</span>)
.<span class="hljs-title function_">parallelGesture</span>(
  <span class="hljs-title class_">GestureGroup</span>(<span class="hljs-title class_">GestureMode</span>.<span class="hljs-property">Parallel</span>, <span class="hljs-comment">//并行模式</span>
    <span class="hljs-title class_">PanGesture</span>({ <span class="hljs-attr">direction</span>: <span class="hljs-title class_">PanDirection</span>.<span class="hljs-property">Vertical</span> })
      .<span class="hljs-title function_">onActionUpdate</span>(<span class="hljs-function">(<span class="hljs-params">event: GestureEvent</span>) =&gt;</span> {
        <span class="hljs-keyword">if</span> (event) {
          <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">info</span>(<span class="hljs-string">'fu Pan upadte'</span>)
        }
      })
  )
);
}
// 判断是否可以进入拖动模式
private shouldDrag(velocityY: number): boolean {
// 如果在顶部且向下拉，或者在底部且向上拉，则允许拖动
return (this.isAtTop && velocityY > 0) || (this.isAtBottom && velocityY < 0);
}
// 动态调整控件高度
private adjustBoxHeight(offset: number) {
this.boxHeight = Math.max(MIN_HEIGHT, Math.min(MAX_HEIGHT, this.boxHeight + offset));
}
// 模拟获取内容可滚动的最大偏移量
private getMaxScrollOffset(): number {
return 500; // 假设最大滚动距离
}
// 创建虚拟内容
// 辅助方法：生成固定长度的数组
private createArray(length: number): number[] {
const array: number[] = [];
for (let i = 1; i <= length; i++) {
array.push(i);
}
return array;
}
}