as3双击屏幕全屏
2014-12-23 14:19
169 查看
这次这个也不算什么难的东西吧,只是自己第一次按自己的想法没做出来,查了资料才弄好,还是记录一下吧。
播放器一般都会创建一个Video对象来attachNetStream,所以双击事件可以做在这个上边。不过大多播放器在video前面都还会有一个透明的矩形,暂时叫videomask吧,主要是用于在上边显示一些进度条啊,单击暂停/播放啊,显示logo啊之类的,所以双击全屏还是做在这个上边好一点。
添加鼠标双击之前,请务必要设置好该双击对象为允许接收双击事件。
videomask.doubleClickEnabled = true;
videomask.addEventListener(MouseEvent.DOUBLE_CLICK,onDoubleClickScreen);
接下来就可以在onDoubleClickScreen方法中设置全屏了:
stage.displayState = StageDisplayState.FULL_SCREEN;
至于如何在普屏模式下双击进入全屏,其实也就是在事件处理函数中先判断获取屏幕的显示状态,再设置成另外一种状态就行了。
出现新问题是在需要在单击时实现暂停/播放效果,双击时实现显示模式的切换。同时监听click和doubleclick会在双击的时候也触发click事件,
所以需要重新修改监听逻辑:
videoMask.addEventListener(MouseEvent.MOUSE_DOWN,clickChargeHandler);
timer = new Timer(250,1);
timer.addEventListener(TimerEvent.TIMER, timerHandler);
private function clickChargeHandler(e:MouseEvent):void
{
if(timer.running){
timer.stop();
doubleClickScreen();//双击事件
}else{
timer.start();
}
}
private function timerHandler(event:TimerEvent):void
{
singleClickScreen();//单击事件
}
这种通过只监听一个事件,然后用timer来判断两个事件之间的间隔来决定是双击还是单击。
有用过监听click事件来这样做的,但是貌似反应较慢,双击经常没反应。
后来改为MOUSE_DOWN就可以了。
播放器一般都会创建一个Video对象来attachNetStream,所以双击事件可以做在这个上边。不过大多播放器在video前面都还会有一个透明的矩形,暂时叫videomask吧,主要是用于在上边显示一些进度条啊,单击暂停/播放啊,显示logo啊之类的,所以双击全屏还是做在这个上边好一点。
添加鼠标双击之前,请务必要设置好该双击对象为允许接收双击事件。
videomask.doubleClickEnabled = true;
videomask.addEventListener(MouseEvent.DOUBLE_CLICK,onDoubleClickScreen);
接下来就可以在onDoubleClickScreen方法中设置全屏了:
stage.displayState = StageDisplayState.FULL_SCREEN;
至于如何在普屏模式下双击进入全屏,其实也就是在事件处理函数中先判断获取屏幕的显示状态,再设置成另外一种状态就行了。
出现新问题是在需要在单击时实现暂停/播放效果,双击时实现显示模式的切换。同时监听click和doubleclick会在双击的时候也触发click事件,
所以需要重新修改监听逻辑:
videoMask.addEventListener(MouseEvent.MOUSE_DOWN,clickChargeHandler);
timer = new Timer(250,1);
timer.addEventListener(TimerEvent.TIMER, timerHandler);
private function clickChargeHandler(e:MouseEvent):void
{
if(timer.running){
timer.stop();
doubleClickScreen();//双击事件
}else{
timer.start();
}
}
private function timerHandler(event:TimerEvent):void
{
singleClickScreen();//单击事件
}
这种通过只监听一个事件,然后用timer来判断两个事件之间的间隔来决定是双击还是单击。
有用过监听click事件来这样做的,但是貌似反应较慢,双击经常没反应。
后来改为MOUSE_DOWN就可以了。
相关文章推荐
- as3双击屏幕全屏
- AS3全屏+自适应屏幕+网页全屏代码
- AS3全屏+自适应屏幕+网页全屏代码
- 双击屏幕切换全屏
- Android双击屏幕动态实现全屏(隐藏标题栏状态栏)
- android 设置 全屏显示 以及 设置屏幕横屏显示
- Android基础之去掉标题栏实现全屏和旋转屏幕
- H5项目常见问题及注意事项,视频全屏,定位,屏幕旋转和触摸,偏页面重构向
- Zabbix监控屏幕全屏显示多个监控项
- OO ALV(一屏幕显示多个ALV, 双击事件)例子
- MCE 在多屏模式时全屏时无法从从一个屏幕中移出鼠标,怎么办?
- 自定义PopupWindow,带显示隐藏动画、全屏背景以及触摸屏幕空白区域消失的功能
- 双击让屏幕滚动代码
- android的DialogFragment设置全屏之后,里面的View不能充满整个屏幕
- [AS3]as3监听退出全屏时esc按键(监听esc取消动作)
- Android屏幕设置全屏
- 屏幕全屏后获取屏幕准确尺寸
- 屏幕全屏之类的问题
- 双击鼠标滚动屏幕的代码
- listview条目未满全屏时,button在listviwe下方,条目超过屏幕时,button在屏幕底端