147.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之事件处理

// 页面切换事件
.onChange((index: number) => {
    this.currentIndex = index;
})

// 动画过渡事件
customContentTransition({
    transition: (proxy: SwiperContentTransitionProxy) => {
        // 处理过渡动画
    }
})

.onChange((index: number) => {
    // 更新当前索引
    this.currentIndex = index;
    
    // 可以在这里添加其他处理逻辑
    // 例如：触发回调、更新UI等
})

@State currentIndex: number = 0;

// 状态更新会触发UI刷新
private updateCurrentIndex(index: number) {
    this.currentIndex = index;
}

customContentTransition({
    timeout: 1000,
    transition: (proxy: SwiperContentTransitionProxy) => {
        let angle = 0;
        // 处理不同的滑动方向
        if (proxy.position < 0 && proxy.position > -1) {
            // 向左滑动
            angle = proxy.position * 90;
            this.centerXList[proxy.index] = '100%';
        } else if (proxy.position > 0 && proxy.position < 1) {
            // 向右滑动
            angle = proxy.position * 90;
            this.centerXList[proxy.index] = '0%';
        }
        // 更新旋转角度
        this.angleList[proxy.index] = angle;
    }
})

// 更新旋转角度
this.angleList[proxy.index] = angle;

// 更新旋转中心点
this.centerXList[proxy.index] = centerX;

// 添加数据
addData: (index: number, data: ESObject) => void = (index: number, data: ESObject) => {
    this.swiperData.addData(index, data);
    this.resetAnimationAttr();
};

// 删除数据
deleteData: (index: number) => void = (index: number) => {
    this.swiperData.deleteData(index);
    this.resetAnimationAttr();
};

resetAnimationAttr() {
    this.angleList = new Array(this.items.length).fill(0);
    this.centerXList = new Array(this.items.length).fill('100%');
}

Swiper(this.swiperController) {
    // 内容
}
.cachedCount(1)  // 控制缓存数量
.indicator(false)  // 隐藏指示器

.autoPlay(this.autoPlay)  // 自动播放
.loop(this.loop)  // 循环播放
.duration(this.duration)  // 动画时长

if (this.items.length === 0 || this.swiperItemSlotParam === undefined) {
    // 使用默认值
    this.items = IMAGES;
    this.swiperItemSlotParam = this.defaultSwiperItem;
}

try {
    this.swiperData.addData(index, data);
} catch (error) {
    console.error('Failed to add data:', error);
}

// 使用timeout控制渲染树超时
customContentTransition({
    timeout: 1000,
    transition: (proxy) => {
        // 处理逻辑
    }
})

// 批量更新状态
setData: (data: ESObject[]) => void = (data: ESObject[]) => {
    this.swiperData.setData(data);
    this.resetAnimationAttr();
};