首页 > 代码库 > 手机影音第八天 控制视频播放页面的上面与下边的控制器布局的消失与隐藏
手机影音第八天 控制视频播放页面的上面与下边的控制器布局的消失与隐藏
默认打开播放器播放视频时,视频页面的上部与下部的控制栏都是隐藏的,单击视频后显示,再单击隐藏,长按视频后暂停,再长按就播放。同时解决了一个消失与隐藏的一个小bug
代码已托管在码云上,可以下载来看,地址:
https://git.oschina.net/joy_yuan/MobilePlayer
一、实现显示与隐藏控制栏
要在手机上识别单击、双击,长按等手势,安卓有个专门的类来处理,即GestureDetector---手势识别器。要使用手势识别器,就有如下3步
1、声明识别器,实例化识别器
2、重写识别器里的单击、双击,长按方法
3、将点击屏幕产生的回调事件,作为参数传递给识别器的onTouchEvent(event),然后在第2步中处理特定的点击事件回调方法
在显示控制栏后,如果三秒没有操作,则自动隐藏控制栏,利用handler的延迟发送消息机制来实现。
具体代码如下:
private GestureDetector dector; // 手势识别器 dector=new GestureDetector(this,new GestureDetector.SimpleOnGestureListener(){ /** * 长按触发的回调函数 * @param e */ @Override public void onLongPress(MotionEvent e) { super.onLongPress(e); startAndPause(); Toast.makeText(SystemVideoPlayer.this,"长按里屏幕",Toast.LENGTH_SHORT).show(); } /** * 双击触发的函数 * @param e * @return */ @Override public boolean onDoubleTap(MotionEvent e) { //Toast.makeText(SystemVideoPlayer.this,"双击了屏幕",Toast.LENGTH_SHORT).show(); isMediaControllerShow(); return super.onDoubleTap(e); } /** * 单击触发的函数 * @param e * @return */ @Override public boolean onSingleTapConfirmed(MotionEvent e) { //Toast.makeText(SystemVideoPlayer.this,"单击了屏幕",Toast.LENGTH_SHORT).show(); handler.removeMessages(HIDEVIDEO); isMediaControllerShow(); if (isShow){ handler.sendEmptyMessageDelayed(HIDEVIDEO,3000); } return super.onSingleTapConfirmed(e); } }); //利用onTouchEvent,传递event事件给手势识别器,否则无法触发手势识别器的回调方法 @Override public boolean onTouchEvent(MotionEvent event) { dector.onTouchEvent(event); return super.onTouchEvent(event); }
在这里通过单击、双击、长按的方式,来使控制器栏的visiable是显示还是隐藏。
二、解决产生的bug
当我们单击视频后,显示了控制栏,然后拖动seekbar进度条不放,三秒后,控制栏会消失,这是我们拖动控制栏还是可以控制视频的播放进度。这样的用户体验很差。
解决方案是,在seekbar的变化监听中,当用户点击了seekbar后,就通过handler的removeMessages(HIDDENVIDEO)来移除发送的隐藏控制栏的消息。而在用户离开seekbar后的回调方法中,重新发送延迟三秒的隐藏可控制栏的消息,具体代码如下:
/** * 视频播放框中的进度条拖拽变化的监听 */ class VideoOnSeekBarChangeListener implements SeekBar.OnSeekBarChangeListener { /** * 手指在seekbar上滑动时触发 * @param seekBar * @param progress * @param fromUser 是否是人为的滑动导致的seekbar变化,系统自动滑动也会导致这个回调方法 */ @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { if (fromUser){ videoview.seekTo(progress); //可以查看mediaplayer的声明周期图,里面有这个方法。 } } /** * 点击seekbar时触发 * @param seekBar */ @Override public void onStartTrackingTouch(SeekBar seekBar) { //当手在点击seekbar时,阻止handler发消息去隐藏控制栏 handler.removeMessages(HIDEVIDEO); } /** * 离开seekbar时触发 * @param seekBar */ @Override public void onStopTrackingTouch(SeekBar seekBar) { //当手离开seekbar时,触发handler发消息去隐藏控制栏 handler.sendEmptyMessageDelayed(HIDEVIDEO,3000); } }
同样,在控制栏显示时,不管是点击停止、播放按钮,还是点击下一个、上一个等按钮,都要实现上面的逻辑,即先移除消息,再重新发送延迟的消息
@Override public void onClick(View v) { if ( v == btnVoice ) { // Handle clicks for btnVoice } else if ( v == switchPlayer ) { // Handle clicks for switchPlayer } else if ( v == btExit ) { // Handle clicks for btExit 退出 finish(); } else if ( v == btVideoPre ) { // Handle clicks for btVideoPre 播放上一个视频 if (medialist!=null&&medialist.size()>0){ position-=1; if (position<=0){ position=medialist.size()-1; } MediaItem mediaitem=medialist.get(position); tvName.setText(mediaitem.getName()); videoview.setVideoPath(mediaitem.getData()); }else if (uri!=null){ tvName.setText(uri.toString()); videoview.setVideoURI(uri); } } else if ( v == btVideoStartPause ) { // Handle clicks for btVideoStartPause 播放暂停与启动 startAndPause(); } else if ( v == btNext ) { // Handle clicks for btNext 播放下一个 if (medialist!=null&&medialist.size()>0){ position+=1; if (position>=medialist.size()){ position=0; } MediaItem mediaItem = medialist.get(position); tvName.setText(mediaItem.getName()); videoview.setVideoPath(mediaItem.getData()); }else if (uri!=null){ //把上一个下一个按钮设置灰色 tvName.setText(uri.toString()); videoview.setVideoURI(uri); btNext.setEnabled(false); btNext.setBackgroundResource(R.drawable.btn_next_gray); } } else if ( v == btVideoSwitchScreen ) { // Handle clicks for btVideoSwitchScreen } handler.removeMessages(HIDEVIDEO); handler.sendEmptyMessageDelayed(HIDEVIDEO,3000); }
本文出自 “YuanGuShi” 博客,请务必保留此出处http://cm0425.blog.51cto.com/10819451/1949131
手机影音第八天 控制视频播放页面的上面与下边的控制器布局的消失与隐藏