Android DragVideo实现播放视频时任意拖拽的方法

Android DragVideo实现播放视频时任意拖拽

DragVideo

A Method to Drag the Video When Playing Video

一种在播放视频时，能够拖拽的方案

为什么有这个工程

经常在爱奇艺网站上看电影，看到如果滑动掩盖了播放窗口后，就后在最下面有一个小播放界面。并且这个播放界面，是可以任意拖拽的。感觉很酷

既然web端能实现，就想了想在移动端设备上，是否也能实现这个效果，于是就有了…

效果图：

——————>

实现思路：1、播放视频的view选择TextureView

2、ListView下方盖上自定义ViewDragHelper，当在播放视频时，通过自定义ViewDragHelper进行拖动TextureView

3、进行渐变处理，让两个view的文字能够交替显示

4、当TextureView到达右下方时，控制在水平方向上拖动，到达左边界时，如果再滑动，就销毁TextureView代码分析：

关于ViewDragHelper要注意如下几点：

1.ViewDragHelper.Callback是连接ViewDragHelper与view之间的桥梁（这个view一般是指拥子view的容器即parentView）。

2.ViewDragHelper的实例是通过静态工厂方法创建的；你能够指定拖动的方向；ViewDragHelper可以检测到是否触及到边缘；

3.ViewDragHelper并不是直接作用于要被拖动的View，而是使其控制的视图容器中的子View可以被拖动，如果要指定某个子view的行为，需要在Callback中想办法；

4.ViewDragHelper的本质其实是分析onInterceptTouchEvent和onTouchEvent的MotionEvent参数，然后根据分析的结果去改变一个容器中被拖动子View的位置（ 通过offsetTopAndBottom(int offset)和offsetLeftAndRight(int offset)方法 ），他能在触摸的时候判断当前拖动的是哪个子View；

5.虽然ViewDragHelper的实例方法.ViewDragHelper create(ViewGroup forParent, Callback cb) 可以指定一个被ViewDragHelper处理拖动事件的对象，但ViewDragHelper类的设计决定了其适用于被包含在一个自定义ViewGroup之中，而不是对任意一个布局上的视图容器使用ViewDragHelper。

1.自定义的CustomViewDragHelper的初始化

ViewDragHelper一般用在一个自定义ViewGroup的内部，比如下面自定义了一个直接继承于ViewGroup的类DragvideoView，DragvideoView内部有一个mDragHelper作为成员变量：

创建一个带有回调接口的ViewDragHelper，这里是用MyHelperCallback，这些都是一些基本使用方法
拖动行为的处理已在注释中给出



当在MainActivity调用ViewDragHelper的setCallback方法时，以上回调就能作用了。当点击节目列表页（第一个显示listview的界面）的item时，调用playVideo()方法，方面内部通过DragVideoView.show方法，就开始显示DragVideoView。这时视频开始播放起来，并且，我们也可以对其进行拖拽了。

那么在拖动的过程中，我们要在DragVideoView中重写onTouchEvent方法，如下

以上方法最后，我们调用了，mDragHelper.processTouchEvent(event);也就是我们自定义的CustomViewDragHelper类，这个方法没有改动，就是ViewDragHelper的processTouchEvent方法。



总结下这个方法

在processTouchEvent中对ACTION_DOWN、ACTION_MOVE和ACTION_UP事件进行了处理：

1.在ACTION_DOWN中调用回调接口中的tryCaptureView方法，看当前touch的view是否允许拖动

2.在ACTION_MOVE中，view的坐标发生改变，调用回调接口中的onViewPositionChanged方法，根据坐标信息对view进行layout，通过ViewHelper这个类中的setScaleX、setScaleY方法，实现在拖动的过程中view在XY坐标上进行相应比例的缩放；

3.在ACTION_UP后调用回调接口中的onViewReleased方法，此方法中一个重要的任务是在ACTION_UP事件后，实现view的自动滑动，这里主要是使用了ViewDragHelper中smoothSlideViewTo方法

接着到达forceSettleCapturedViewAt方法

上面start了ViewDragHelper中的mScroller，在滑动过程中，通过重写computeScroll方法，可用用ViewCompat.postInvalidateOnAnimation(this)方法重绘view

最后由于拖拽过程中的显示视频的TextureView会不断变化，通过设置TextureView.SurfaceTextureListener，来监听当前TextureView的变化过程。

项目下载地址：http://xiazai.jb51.net/201612/yuanma/DragVideo-master(jb51.net).rar

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

赞 (0)

相关推荐

  • Android仿新浪微博/QQ空间滑动自动播放视频功能

    Android仿新浪微博/QQ空间滑动自动播放视频功能

    先来看看效果图 关键代码 1.监听滚动事件 首先要给listview添加setOnScrollListener监听,注意这个监听在recyclerView上是addOnScrollListener,也就是说下面代码同时支持recyclerView. public int firstVisible=0,visibleCount=0, totalCount=0; videoList.setOnScrollListener(new AbsListView.OnScrollListener() { @O

  • Android仿搜狐视频、微视等列表播放视频功能

    最近项目中需要是实现在列表中自动播放视频,中间遇到了些问题,终于解决,特来跟大家分享一下: 列表使用的RecyclerView 播放视频使用MediaPlayer+TextureView. 主要思路: 1.监听RecyclerView的滑动,开始滑动时停止正在播放的item. 2.通过LinearLayoutManager 获取当前显示的第一个item及最后一个item 3.RecyclerView停止滑动后,选择item进行播放.如果当前界面只有一个item,播放当前.如果item数量大于2个

  • 一个html5播放视频的video控件只支持android的默认格式mp4和3gp

    复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body>

  • Android播放视频的三种方式

    在Android中,我们有三种方式来实现视频的播放: 1).使用其自带的播放器.指定Action为ACTION_VIEW,Data为Uri,Type为其MIME类型. 2).使用VideoView来播放.在布局文件中使用VideoView结合MediaController来实现对其控制. 3).使用MediaPlayer类和SurfaceView来实现,这种方式很灵活. 1.调用其自带的播放器: Uriuri = Uri.parse(Environment.getExternalStorageD

  • android使用videoview播放视频

    复制代码 代码如下: public class Activity01 extends Activity{ /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState); setContentView(R.layout.main); final VideoView vid

  • Android编程实现播放视频的方法示例

    Android编程实现播放视频的方法示例

    本文实例讲述了Android编程实现播放视频的方法.分享给大家供大家参考,具体如下: 播放视频文件其实并不比播放音频文件复杂,主要是使用 VideoView 类来实现的.这个 类将视频的显示和控制集于一身,使得我们仅仅借助它就可以完成一个简易的视频播放器. VideoView 的用法和 MediaPlayer 也比较类似,主要有以下常用方法: 方法名 功能描述 setVideoPath() 设置要播放的视频文件的位置. start() 开始或继续播放视频. pause() 暂停播放视频. res

  • Android多媒体教程之播放视频的四种方法

    本文主要给大家介绍的是关于Android播放视频的四种方法,分享出来供大家参考学习,下面来一起看看详细的介绍: 一.通过intent的方式,调用系统自带的播放器 Uri uri = Uri.parse("/storage/emulated/0/DCIM/Camera/20170521_200117.mp4"); //调用系统自带的播放器 Intent intent = new Intent(Intent.ACTION_VIEW); intent.setDataAndType(uri,

  • Android 播放视频常见问题小结

    在android 开发中常见到视频播放的问题,在常规的视频中 有直接用videoView + MediaController 或者 mediaController + serfercie holder 常见的问题 1 在播放中如何处理播放器的横屏切换 和 播放器上的文案显示的布局变化 在activity 中 设置 android:configChanges="orientation|screenSize" 这样在旋转中,activity 就不会重建 重写系统方法 public void

  • android播放视频时在立体声与单声道之间切换无变化原因分析及解决

    部分客户客户使用第三方视频播放器,有立体声与单声道之间切换,发现切换后无作用 原因是由于在HAL层默认没有处理上层发的stereo 转mono的命令,所以会没有效果, 可按如下修改,添加相关处理: 1修改AudioMTKHardware.cpp 添加:static String8 keySetStereo2MonoMode = String8("EnableStereoOutput"); 2.修改status_t AudioMTKHardware::setParameters(cons

  • Android DragVideo实现播放视频时任意拖拽的方法

    Android DragVideo实现播放视频时任意拖拽的方法

    Android DragVideo实现播放视频时任意拖拽 DragVideo A Method to Drag the Video When Playing Video 一种在播放视频时,能够拖拽的方案 为什么有这个工程 经常在爱奇艺网站上看电影,看到如果滑动掩盖了播放窗口后,就后在最下面有一个小播放界面.并且这个播放界面,是可以任意拖拽的.感觉很酷 既然web端能实现,就想了想在移动端设备上,是否也能实现这个效果,于是就有了- 效果图: ------> 实现思路:1.播放视频的view选择Te

  • Android编程实现播放视频时切换全屏并隐藏状态栏的方法

    本文实例讲述了Android编程实现播放视频时切换全屏并隐藏状态栏的方法.分享给大家供大家参考,具体如下: 1. Demo示例: @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); if (this.getResources().getConfiguration().ori

  • android surfaceView实现播放视频功能

    本文实例为大家分享了android surfaceView实现播放视频的具体代码,供大家参考,具体内容如下 RelativeLayout <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.an

  • Android自定义ListView实现仿QQ可拖拽列表功能

    Android自定义ListView实现仿QQ可拖拽列表功能

    我们大致的思路,其实是这样子的,也是我的设想,我们可以先去实现一个简单的ListView的数据,但是他的Adapter,我们可以用系统封装好的,然后传递进去一个实体类,最后自定义一个listview去操作,所以我们先把准备的工作做好,比如? list_item.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

  • vue+flask实现视频合成功能(拖拽上传)

    vue+flask实现视频合成功能(拖拽上传)

    vue+flask实现视频合成 效果如下 拖拽上传我们之前一个文章有写过 //www.jb51.net/article/206543.htm 原理就是 监听drop事件 来获取拖拽的文件列表 上传文件 通过axios 上传文件 this,.fileList就是我们的文件列表 let files = this.fileList; let formd = new FormData(); let i = 1; //添加上传列表 files.forEach(item => { formd.append(

  • Android ViewDragHelper实现京东、淘宝拖拽详情功能的实现

    Android ViewDragHelper实现京东、淘宝拖拽详情功能的实现

    先上效果图,如果大家感觉不错,请参考实例代码,效果图如下所述: 要实现这个效果有三种方式: ① 手势 ② 动画 ③ ViewDragHelper 这里我使用的是ViewDragHelper类. public class ViewDragLayout extends ViewGroup { //垂直方向的滑动速度 private static final int VEL_THRESHOLD = 300; //垂直方向的滑动距离 private static final int DISTANCE_T

  • JS实现拖拽的方法分析

    本文实例分析了JS实现拖拽的方法.分享给大家供大家参考,具体如下: 分析: 1.鼠标按下,拖拽开始,鼠标移动,拖拽进行,鼠标抬起,拖拽结束(三个事件) 2.被拖动元素与鼠标之间的位置在拖动过程中始终不变,利用这个原理,被拖动元素的位置就是鼠标的左(上)边距-鼠标与被拖动元素之间的距离 注意:onmousemove应该是在onmousedown发生时进行,不然不需要点击也能拖动了. 用户可能会将拖动层脱出窗口外. 核心代码: window.onload=function(){ var box=do

  • jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法

    jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法

    本文实例讲述了jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法.分享给大家供大家参考.具体如下: 这里介绍jQuery图片左右拖拽特效,无滚动条,将多张图片组合在一起形成的效果,插件使用的是jquery.nicescroll.js,拖动过程中不会出现滚动条,这样更美观了一些,若需要此效果,可参见下边框中的代码. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

  • IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法

    最近有个需求须要实现左右拖拽功能,页面右边是个iframe页面,在chrome测试通过之后,发现在ie8上面效果不是很理想,最后查找资料得知可以使用ie自带的setCapture和releaseCapture来解决. sideDragBar.on('mousedown.sideMenu', function(e){ this.setCapture && this.setCapture();// ie下可以使用setCapture来解决object拖拽问题 startDragging(e);

随机推荐