as3双击屏幕全屏

这次这个也不算什么难的东西吧,只是自己第一次按自己的想法没做出来,查了资料才弄好,还是记录一下吧。


播放器一般都会创建一个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就可以了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sunxiaopengsun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值