cocos creator pageView 循环展示 广告牌功能

在使用 creator pageView 滑动到最大或者最小为止的时候 滑动不了没法流畅的运行到最开始或者最后那个界面 循环展示

1.策划大人有需要就是要循环流畅的展示

解决方案:

做预制件的时候 最第一个界面之前 做一个最后的界面放到最前边去

比如 1,2,3,4,5,6,7,8 修改成 8,1,2,3,4,5,6,7,8

这样就实现了1一个向前滑动丝滑过渡到最后一张

在继续 添加第一个界面到最后一个界面

比如 8,1,2,3,4,5,6,7,8,1

这样就实现了最后一个界面丝滑过渡到第一个界面

剩下的操作就简单了

监听停止滑动

if (this.m_pageView.curPageIdx==0) {

this.m_pageView.scrollToPage(this.m_maxPage-2,0)

}else if (this.m_pageView.curPageIdx+1 ==this.m_maxPage ){

this.m_pageView.scrollToPage(1,0)

}

相关推荐
爱看书的小沐17 分钟前
【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
javascript·vue.js·webgl·three.js·opengl·风力发电机·windturbine
qq_3985865444 分钟前
Threejs入门学习笔记
javascript·笔记·学习
浪裡遊1 小时前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php
課代表2 小时前
JavaScript 二维数组的三种定义与初始化方法
javascript·初始化·二维数组·多维数组·动态数组·循环遍历·数组合并
鸡吃丸子2 小时前
Next.js 入门指南
开发语言·javascript·next.js
罚时大师月色2 小时前
Vue+ts 如何实现父组件和子组件通信
javascript·vue.js·ecmascript
漂流瓶jz3 小时前
快速定位源码问题:SourceMap的生成/使用/文件格式与历史
前端·javascript·前端工程化
fury_1233 小时前
vue3:数组的.includes方法怎么使用
前端·javascript·vue.js
宁&沉沦3 小时前
Cursor 科技感的登录页面提示词
前端·javascript·vue.js
Dragonir3 小时前
React+Three.js 实现 Apple 2025 热成像 logo
前端·javascript·html·three.js·页面特效