拖动控件 php,基于SurfaceView实现可拖动视频控件

最新推荐文章于 2021-03-29 07:02:49 发布
最新推荐文章于 2021-03-29 07:02:49 发布
阅读量105 收藏
点赞数
文章标签： 拖动控件 php
本文介绍了一个自定义的DragSurfaceView类，它继承自SurfaceView并实现了触摸监听。核心功能包括获取屏幕尺寸、判断触摸方向、处理拖动和边界调整。通过实例代码展示了如何创建和响应不同方向的拖动行为。
摘要由CSDN通过智能技术生成

public class DragSurfaceView extends SurfaceView implements View.OnTouchListener {

protected int screenWidth;

protected int screenHeight;

protected int lastX;

protected int lastY;

private int oriLeft;

private int oriRight;

private int oriTop;

private int oriBottom;

private int dragDirection;

private static final int TOP = 0x15;

private static final int LEFT = 0x16;

private static final int BOTTOM = 0x17;

private static final int RIGHT = 0x18;

private static final int LEFT_TOP = 0x11;

private static final int RIGHT_TOP = 0x12;

private static final int LEFT_BOTTOM = 0x13;

private static final int RIGHT_BOTTOM = 0x14;

private static final int CENTER = 0x19;

private int offset = 20;

/**

* 初始化获取屏幕宽高

*/

protected void initScreenW_H() {

screenHeight = getResources().getDisplayMetrics().heightPixels - 40;

screenWidth = getResources().getDisplayMetrics().widthPixels;

Log.i("DragViewTAG", "DragSurfaceView.initScreenW_H: screenWidth="+screenWidth+", screenHeight="+screenHeight);

}

public DragSurfaceView(Context context) {

super(context);

setOnTouchListener(this);

initScreenW_H();

}

public DragSurfaceView(Context context, AttributeSet attrs) {

super(context, attrs);

setOnTouchListener(this);

initScreenW_H();

}

public DragSurfaceView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

setOnTouchListener(this);

initScreenW_H();

}

@Override

public boolean onTouch(View v, MotionEvent event) {

int action = event.getAction();

if (action == MotionEvent.ACTION_DOWN) {

oriLeft = v.getLeft();

oriRight = v.getRight();

oriTop = v.getTop();

oriBottom = v.getBottom();

lastY = (int) event.getRawY();

lastX = (int) event.getRawX();

dragDirection = getDirection(v, (int) event.getX(),

(int) event.getY());

}

// 处理拖动事件

delDrag(v, event, action);

if(action==MotionEvent.ACTION_UP){

dragDirection=0;

}

invalidate();

return true;

}

/**

* 获取触摸点flag

*

* @param v

* @param x

* @param y

* @return

*/

protected int getDirection(View v, int x, int y) {

int left = v.getLeft();

int right = v.getRight();

int bottom = v.getBottom();

int top = v.getTop();

if (x < 40 && y < 40) {

return LEFT_TOP;

}

if (y < 40 && right - left - x < 40) {

return RIGHT_TOP;

}

if (x < 40 && bottom - top - y < 40) {

return LEFT_BOTTOM;

}

if (right - left - x < 40 && bottom - top - y < 40) {

return RIGHT_BOTTOM;

}

if (x < 40) {

return LEFT;

}

if (y < 40) {

return TOP;

}

if (right - left - x < 40) {

return RIGHT;

}

if (bottom - top - y < 40) {

return BOTTOM;

}

return CENTER;

}

/**

* 处理拖动事件

*

* @param v

* @param event

* @param action

*/

protected void delDrag(View v, MotionEvent event, int action) {

switch (action) {

case MotionEvent.ACTION_MOVE:

int dx = (int) event.getRawX() - lastX;

int dy = (int) event.getRawY() - lastY;

switch (dragDirection) {

case LEFT: // 左边缘

left(v, dx);

break;

case RIGHT: // 右边缘

right(v, dx);

break;

case BOTTOM: // 下边缘

bottom(v, dy);

break;

case TOP: // 上边缘

top(v, dy);

break;

case CENTER: // 点击中心-->>移动

center(v, dx, dy);

break;

case LEFT_BOTTOM: // 左下

left(v, dx);

bottom(v, dy);

break;

case LEFT_TOP: // 左上

left(v, dx);

top(v, dy);

break;

case RIGHT_BOTTOM: // 右下

right(v, dx);

bottom(v, dy);

break;

case RIGHT_TOP: // 右上

right(v, dx);

top(v, dy);

break;

default:

break;

}

v.layout(oriLeft, oriTop, oriRight, oriBottom);

// if (dragDirection != CENTER) {

// v.layout(oriLeft, oriTop, oriRight, oriBottom);

// }

lastX = (int) event.getRawX();

lastY = (int) event.getRawY();

Log.i("DragViewTAG", "DragSurfaceView.delDrag:ACTION_MOVE direction="+dragDirection+", left="+oriLeft+", top="+oriTop+", right="+oriRight+", bottom="+oriBottom);

break;

case MotionEvent.ACTION_UP:

ViewGroup.LayoutParams newLayoutParams = getNewLayoutParams();

if(newLayoutParams!=null){

Log.i("DragViewTAG", "DragSurfaceView.delDrag:ACTION_UP width="+newLayoutParams.width+", height="+newLayoutParams.height);

setLayoutParams(newLayoutParams);

}else {

Log.e("DragViewTAG", "DragSurfaceView.delDrag: 父组件类型？");

v.layout(oriLeft, oriTop, oriRight, oriBottom);

}

break;

default:

break;

}

}

private ViewGroup.LayoutParams getNewLayoutParams(){

if(getLayoutParams() instanceof RelativeLayout.LayoutParams){

RelativeLayout.LayoutParams lp = (RelativeLayout.LayoutParams)getLayoutParams( );

lp.leftMargin = oriLeft;

lp.topMargin = oriTop;

lp.width = oriRight-oriLeft;

lp.height = oriBottom-oriTop;

return lp;

}else if(getLayoutParams() instanceof FrameLayout.LayoutParams) {

FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) getLayoutParams();

lp.leftMargin = oriLeft;

lp.topMargin = oriTop;

lp.width = oriRight - oriLeft;

lp.height = oriBottom - oriTop;

return lp;

}

return null;

}

/**

* 触摸点为中心->>移动

*

* @param v

* @param dx

* @param dy

*/

private void center(View v, int dx, int dy) {

oriLeft += dx;

oriTop += dy;

oriRight += dx;

oriBottom += dy;

Log.i("DragViewTAG", "DragSurfaceView.center: v.left="+v.getLeft()+", v.top="+v.getTop());

if (oriLeft < -offset) {

Log.e("DragViewTAG", "DragSurfaceView.center: 左侧越界, left="+oriLeft+", offset="+offset);

oriLeft = -offset;

oriRight = oriLeft + v.getWidth();

}

if (oriRight > screenWidth + offset) {

Log.e("DragViewTAG", "DragSurfaceView.center: 右侧越界, right="+oriRight+", screenWidth="+screenWidth+", offset="+offset);

oriRight = screenWidth + offset;

oriLeft = oriRight - v.getWidth();

}

if (oriTop < -offset) {

Log.e("DragViewTAG", "DragSurfaceView.center: 顶部越界, top="+oriTop+", offset="+offset);

oriTop = -offset;

oriBottom = oriTop + v.getHeight();

}

if (oriBottom > screenHeight + offset) {

Log.e("DragViewTAG", "DragSurfaceView.center: 底部越界, bottom="+oriBottom+", screenHeight="+screenHeight+", offset="+offset);

oriBottom = screenHeight + offset;

oriTop = oriBottom - v.getHeight();

}

// v.layout(left, top, right, bottom);

}

/**

* 触摸点为上边缘

*

* @param v

* @param dy

*/

private void top(View v, int dy) {

oriTop += dy;

if (oriTop < -offset) {

oriTop = -offset;

}

if (oriBottom - oriTop - 2 * offset < 200) {

oriTop = oriBottom - 2 * offset - 200;

}

}

/**

* 触摸点为下边缘

*

* @param v

* @param dy

*/

private void bottom(View v, int dy) {

oriBottom += dy;

if (oriBottom > screenHeight + offset) {

oriBottom = screenHeight + offset;

}

if (oriBottom - oriTop - 2 * offset < 200) {

oriBottom = 200 + oriTop + 2 * offset;

}

}

/**

* 触摸点为右边缘

*

* @param v

* @param dx

*/

private void right(View v, int dx) {

oriRight += dx;

if (oriRight > screenWidth + offset) {

oriRight = screenWidth + offset;

}

if (oriRight - oriLeft - 2 * offset < 200) {

oriRight = oriLeft + 2 * offset + 200;

}

}

/**

* 触摸点为左边缘

*

* @param v

* @param dx

*/

private void left(View v, int dx) {

oriLeft += dx;

if (oriLeft < -offset) {

oriLeft = -offset;

}

if (oriRight - oriLeft - 2 * offset < 200) {

oriLeft = oriRight - 2 * offset - 200;

}

}

/**

* 获取截取宽度

*

* @return

*/

public int getCutWidth() {

return getWidth() - 2 * offset;

}

/**

* 获取截取高度

*

* @return

*/

public int getCutHeight() {

return getHeight() - 2 * offset;

}

}

五楼whearer
关注
php+mysql+js拖拽div实例
10-30
php+mysql+js拖拽div实例 代码已改好，放在目录下可直接使用。适合新手学习！
自定义控件系列四 （仿YouTube拖拽视频控件的实现）
weixin_41078100的博客
03-29 531
您的浏览器不支持播放该视频！ 实现这个拖拽动画最重要的我们需要重写一下基本控件方法，setHeight，setWidht，setMarintop属性等，不然我们无法使用属性动画来实现，整个过程将会复杂许多。上节也提到了要想在属性动画中使用height widht这些属性我们就需要去实现相应的set方法。 先贴出完成代码，然后再讲解： 布局文件: <?xml version="1.0" enc...
拖动控件 php,前端拖拽插件gridster.js
weixin_28990495的博客
03-28 275
1.widget_selector 示例：widget_selector:"li" 说明：widget_selector用了配置一个girdster里面可拖动模块的html元素名称，支持css选择器，如:widget_selector:"div.drag > .items"。 2.widget_margins 示例：widget_margins:[10,10] 说明：模块的边距，第一个参数...
android surfaceView 的简单使用 画图，拖动效果
11-10 8525
前面说到了画图，其实更好的就是使用 surfaceView了。 surfaceView 继承于 View ，View里面嵌套了一个专门用于画图的 surface， 对于一个View的onDraw()方法，不能够满足将其移动到后台线程中去。因为从后台线程修改一个GUI元素会被显式地禁止的。当需要快速地更新View的UI，或者当前渲染代码阻塞GUI线程的时间过长的时候，SurfaceView
拖动控件 php,微信小程序新增的拖动组件movable-view的使用介绍
weixin_36125921的博客
03-28 366
这篇文章主要给大家介绍了微信小程序最近新增的拖动组件movable-view的简单使用教程，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。前言小程序在520节日前夜，让程序员们又躁动了一把，更新了一些很诱人的功能，如内容转发API，iBeacon API，振动API，屏幕亮度调节API等，也增强了地图组件的功能。此次的更新中，也新增了一个UI组件，它就是视图组件m...
基于SurfaceView实现可拖动视频控件
01-04
本文实例为大家分享了基于SurfaceView的可拖动视频控件，供大家参考，具体内容如下 public class DragSurfaceView extends SurfaceView implements View.OnTouchListener { protected int screenWidth; protected...
SurfaceView实现可拖动视频控件教程
通过这篇教程，开发者不仅可以学习到如何在SurfaceView上构建可交互的视频控件，还可以了解到如何处理触摸事件、优化性能以及实现视频的平滑切换，这对于Android开发中UI的定制化和用户体验提升具有实际指导意义。
实现可拖动视频：SurfaceView控件实例教程
在这个示例中，作者创建了一个名为`DragSurfaceView`的自定义视图，该视图继承自SurfaceView，并实现了View.OnTouchListener接口，以便捕捉用户的触摸事件，实现视频的拖动功能。 首先，作者在`DragSurfaceView`类...
一种代替SurfaceView的自定义控件，可以缩放、无限延伸拖动
07-16
这种自定义控件的设计思路是基于Android的View或者 ViewGroup 进行扩展，并结合手势识别技术来实现这些高级交互。 首先，我们要理解Android中的View和ViewGroup。View是Android UI的基本元素，它负责绘制和事件处理...
PHP做视频网站，让程序自动实现视频格式转换、设置视频大小、生成视频缩略图...
dianzongliao7933的博客
12-12 754
一、PHP实现转换 　　　在做视频网站的时候，最头痛的问题可能是格式转换、视频缩略图等。下面我将用PHP实现这一些功能。PHP是没有自带视频的函数，所以会用到第三方的软件工具来实现。 二、什么是FFmpeg 　　　FFmpeg是一个开源免费跨平台的视频和音频流方案，属于自由软件，采用LGPL或GPL许可证（依据你选择的组件）。它提供了录制、转换以及流化音视频的完整解决方案...
SurfaceView的基本用法以及简单实战
10-29
SurfaceView的基本用法，以及如何进行绘制组合图形+移动
php 菜单栏下拉框伸缩,自定义控件之伸缩式菜单栏
weixin_39622521的博客
03-29 211
高仿了一个小米状状态的伸缩式菜单栏小米：ezgif-4-745c4fd37592.gif仿制：ezgif-4-b56cab2f6afa.gif主要功能点，横向滚动纵向收缩，横向滚动联代底部指示器变化，纵向收缩时，随着收缩距离动态的改变透明度，当下面两排itemview收缩完成后第五个item移动到第一排。最后是点击后记录状态，改变item背景、图标、描述颜色。导入中央厂库配置allprojects...
实习第八天：surfaceView实现图片缩放拖动功能
wust小吴
05-28 3026
原文地址：http://blog.csdn.net/sunnyfans/article/details/17969531 问题：采用surface来实现多点触摸缩放，拖动显示功能。 [java] view plain copy   public class MySurfaceView3 extends SurfaceView implemen
Android SurfaceView实现跟随手指移动的光标
system_err的博客
02-21 563
public class DragSurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable{ private int screenW; //屏幕宽度 private int screenH; //屏幕高度 private float cx = 100; ...
基于SurfaceView的可拖动视频控件
weixin_34352449的博客
03-23 351
视频播放控件（一） 可拖动，变换SurfaceView 1 public class DragSurfaceView extends SurfaceView implements View.OnTouchListener { 2 protected int screenWidth; 3 protected int screenHeight; 4 ...
surfaceView实现图片缩放拖动功能
热门推荐
Sunnyfans的专栏
01-07 1万+
还是老板牛，多向他学习请教。之前折腾了好一会儿的问题，被老板一上午搞定。 问题：采用surface来实现多点触摸缩放，拖动显示功能。 附上初稿代码，明天再好好整理下， public class MySurfaceView3 extends SurfaceView implements SurfaceHolder.Callback, OnTouchListener { private
php拖拽布局排版,11个好用的jQuery拖拽拖放插件
weixin_32017023的博客
03-10 451
11个好用的jQuery拖拽拖放插件七月 20, 2013评论 (2)Sponsor这次我们整理一些拖拽播放类型的jQuery插件，这些可能不是很常用，但偶尔会有网站设计项目用到，特别是后台相关的开发项目，这个拖放排序功能一般都会有，所以适合大家收藏起来，方便日后使用。接下来一起看盾11个简单易用的jQuery拖拽拖放插件。jQuery GridlyGridly是个网格式的拖放移位jQuery插件...
php 拖拽移动算法,php接口实现拖拽排序功能
weixin_42509847的博客
03-26 393
列表拖拽排序是一个很常见的功能，但是后端接口如何处理却是一个令人纠结的问题 如何实现才能达到效率最高呢先分析一个场景，假如有一个页面有十条数据，所谓的拖拽就是在这十条数据来来回回的拖，但是每次拖动都会影响到其他数据 例如把最后一条拖到最前面，那么后面九条就自动往后移，反之也是，嗯~~~先想象一下，排序号是固定的，就好像有十把椅子，每个椅子都是固定在那里的，移动的是上面的人，这样就不会影响到其他页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值