|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
管理所有设备发生的事件比如屏幕旋转屏幕关闭或者一些其他的程序的控制逻辑也应该写在这里他的初始化函数是-(id)initWithNibName:(NSString*)nibNamebundle:(NSBundle*)nibBundle后面那个NibName是InterfaceBuilder里设计的界面现在IB已经集成到XCode里了1、媒介
现在,智妙手机战争板电脑愈来愈提高,愈来愈多的人用过挪动设备扫瞄网页。挪动设备的流量已占到北美收集总流量的20%(http://allthingsd.com/20120525/mobile-devices-now-make-up-about-20-percent-of-u-s-web-traffic/)。幸亏今朝最盛行的两年夜挪动操纵体系IOS和Android都具有懂得析尺度的HTML、CSS和JS的才能,网页开辟者仍是能够用桌面扫瞄器来开辟网页。经由过程这两个体系上的扫瞄器看到的网页和我们桌面扫瞄器上看到的网页几近是分歧的。固然看起来是分歧的,可是在交互下面仍是有一些区分的,最年夜的区分就是,这些挪动设备都没有鼠标,我们平常在桌面扫瞄器上用的鼠标事务,在挪动设备扫瞄器上用起来怪怪的。想要发扬挪动设备触摸屏的特性,给用户供应优秀的体验,就要用到扫瞄器的触摸事务。
2、开辟筹办(Android)
Android设备可使用ADB(AndroidDebugBridge)来调试android程序,也能够经由过程ADB来调试挪动版Chrome中的网页。
ADB调试申明
http://developer.android.com/tools/help/adb.html
远程调试利用申明
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
3、TouchEvent先容
尺度文档:
http://www.w3.org/TR/touch-events/
相干的最主要的三个事务是:
touchstart触摸入手下手(手指放在触摸屏上)
touchmove拖动(手指在触摸屏上挪动)
touchend触摸停止(手指从触摸屏上移开)
固然另有一个touchcancel,是在拖动中止时分触发。
上面是触发事务的例子(上面的代码都是在GoogleNexus7的Chrome中测试过的,IOS设备的情形不分明,有iPhone大概iPad的同砚能够本人试一下)
Demo:http://page.china.alibaba.com/html/xutao/test.html
HTML:
<divid=”screen”></div>
CSS:
#screen{height:400px;background-color:#CCC;}
JS:
$(‘#screen’).on(‘touchstarttouchmovetouchendtouchcancel’,function(e){
e.preventDefault();
console.log(e.originalEvent.type+’:+e.originalEvent.timeStamp);
});
手指在屏幕上灰色地区悄悄划过,把持台输入以下
<br>
来看下touchstart事务
Demo:http://page.china.alibaba.com/html/xutao/test2.html
仍是下面的例子HTML和CSS稳定,JS以下
JS:
$(‘#screen’).on(‘touchstart’,function(e){console.log(e.originalEvent);
});
把持台输入如图
<br>
能够看到每一个事务里都包括3个主要的触摸列表,就是touches,targetTouches,changedTouches。
touches是以后屏幕上一切触摸点的列表;targetTouches是以后对象上一切触摸点的列表;changedTouches是触及以后事务的触摸点的列表。
它们都是一个数组,每一个元素代表一个触摸点。
点开touches后以下。
<br>
每一个触摸点对应的Touch都有三对主要的属性,clientX/client、pageX/pageY、screenX/screenY。个中screenX/screenY代表事务产生的地位关于屏幕的偏移量,clientX/client和pageX/pageY都代表事务产生地位对应对象的偏移量,不外区分是clientX/clientY不包含对象转动而埋没的偏移量,而pageX/pageY包含对象转动而埋没的偏移量。
4、扩大
touch事务看似十分复杂,可是已壮大的可以完成庞大的多点触摸的操纵了。
在实践的利用过程当中,我碰到了一些成绩,也列出来和人人分享一下。
1.触摸撑持检测:
利用前要先检测扫瞄器是不是撑持触摸,很复杂,一句话,jQueryMobile里看来的
‘ontouchstart’inwindow
能够在桌面版的Chrome中,勾选摹拟TouchEvents来试一下
<br>
2.关于touchend事务
移开屏幕的谁人触摸点,只会包括在changedTouches列表中,而不会包括在touches和targetTouches列表中。
http://page.china.alibaba.com/html/xutao/test3.html
3.轻拍和单击的干系
在挪动版Chrome中,已对轻拍做了处置,会动身发单击的操纵。固然另有鼠标事务也会触发,他们触发的前后干系以下
<br>
而手指在屏幕上挪动则不会触发鼠标事务和单击事务
<br>
很少去思考,没有去多问几个为什么。这是学习的大忌,我认识到了自己学习方法上的错误。孔子说,学而不思则罔,思而不学则殆。一点也没错,学和思是要结合的,这样才能进步。现在回想一下,我学到了什么?自己也无言以对了。 |
|