cocos2d html5版本的ScrollView·····
admin
2023-02-11 00:40:07
0

var WINDOW_WIDTH = 480.0;

var WINDOW_HEIGHT = 320.0;

var TOUCH_DELTA = 5;

var ScrollView = cc.Layer.extend({

//按下点

m_TouchDownPoint:0,

//抬起点

m_TouchUpPoint:0,

//当前触摸点

m_TouchCurPoint:0,

//总页数

m_Page:0,

//当前显示页数

m_CurPage:0,

//存储所有的页层

m_PageLayer:[],

ctor:function(){

this._super();

cc.Director.getInstance().getTouchDispatcher().addTargetedDelegate(this,0,true);

this.isTouchEnabled();

},

//跳转页

goToPage:function(){

var moveTo = cc.MoveTo.create(0.2, cc.PointMake(-this.m_CurPage * WINDOW_WIDTH, 0));

this.runAction(moveTo);

},

// 触摸事件相关

onTouchBegan:function(touch, event){

this.m_TouchDownPoint = touch.getLocation();

this.m_TouchCurPoint = this.m_TouchDownPoint;

return true;

},

onTouchMoved:function(touch, event){

var touchPoint = touch.getLocation();

var posPoint = cc.PointMake(this.getPositionX() + touchPoint.x - this.m_TouchCurPoint.x,this.getPositionY());

this.setPosition(posPoint);

this.m_TouchCurPoint = touchPoint;

},

onTouchEnded:function(touch, event){

this.m_TouchUpPoint = touch.getLocation();

// 计算按下和抬起的偏移量

var offset = (this.m_TouchUpPoint.x - this.m_TouchDownPoint.x) * (this.m_TouchUpPoint.x - this.m_TouchDownPoint.x) + (this.m_TouchUpPoint.y - this.m_TouchDownPoint.y) * (this.m_TouchUpPoint.y - this.m_TouchDownPoint.y);

if (offset < (TOUCH_DELTA * TOUCH_DELTA)) {

// 点击

// 向子Layer发送Click消息

this.m_PageLayer[this.m_CurPage].onTouchBegan(touch,event);

}

else {

// 滑动结束

var offset = this.getPositionX() - this.m_CurPage * (-WINDOW_WIDTH);

if (offset > WINDOW_WIDTH / 2) {

// 上一页

if (this.m_CurPage > 0) {

--this.m_CurPage;

cc.log("I am :"+this.m_CurPage);

}

}

else if (offset < -WINDOW_WIDTH / 2) {

// 下一页

if (this.m_CurPage < (this.m_Page - 1)) {

++this.m_CurPage;

cc.log("I am :"+this.m_CurPage);

}

}

// 执行跳转动画

this.goToPage();

}

},

//添加页

addPage:function(pPageLayer){

if (pPageLayer) {

// 设置成一页大小

pPageLayer.setContentSize(cc.SizeMake(WINDOW_WIDTH, WINDOW_HEIGHT));

pPageLayer.setPosition(cc.p(WINDOW_WIDTH * this.m_Page, 0));

this.addChild(pPageLayer);

// 添加到页

this.m_PageLayer.push(pPageLayer);

this.m_Page = this.m_PageLayer.length;

}

}

});


//在2.2里运行有BUG···以后在做修改吧····

相关内容

热门资讯

“每天跟遛狗一样”,万亿资金,... 进入7月,市场波动加大,A股关于量化交易的争议再次达到顶峰。由于散户与量化机构之间的“体感温差”显著...
特朗普:对伊朗战争进展顺利 当地时间7月23日,美国总统特朗普再次称,“美国在对抗伊朗方面进展很顺利,表现得极其出色,好得超乎任...
国务院成立广西六蓝水库溃坝灾害... 7月6日,广西南宁横州市六蓝水库发生溃坝,造成重大人员伤亡。根据国家有关法律法规规定,国务院成立调查...
倚美搞事,菲律宾政府连“为奴”... 南海的风浪,很大一部分是菲律宾政府自己搅起来的。近年来,菲政府在仁爱礁、黄岩岛等地小动作频频,不仅频...
雨花台区企业摘得国家科学技术进... 晨报讯(南京晨报/爱南京记者 陈彦)记者从南京市雨花台区获悉,在新近揭晓的2025年度国家科学技术奖...
美国公布新关税措施,日本、澳大... 据法新社、澳大利亚广播公司(ABC)报道,针对美国将于美东时间24日以所谓“强迫劳动”为名对数十个国...
济南大数据集团激活数据要素潜能... 走进“泉数汇·数港”线下体验空间,健康画像、求职背调、“泉涌”工作站等数据产品一字排开,来访者可以像...
太保寿险河南分公司举办员工家庭... 5月22日,中国太保寿险河南分公司在郑州举办绩优干部员工家庭开放日活动,邀请员工家属走进企业,参观办...
“展现了推动人工智能普惠向善发... 7月17日至20日,2026世界人工智能大会暨人工智能全球治理高级别会议在上海举行,习近平主席出席开...
多地官宣结婚生娃发钱,最高20... 近日,广东佛山顺德陈村镇大都村通过股东会议表决,将生育结婚奖励政策纳入《佛山市顺德区陈村镇大都村股份...