Android控件拖动的实现

最新推荐文章于 2021-07-28 18:23:01 发布
置顶 最新推荐文章于 2021-07-28 18:23:01 发布
阅读量2.1k 收藏 2
点赞数
分类专栏： Android 文章标签： Android 控件 滑动监听 滑动冲突
转自：http://blog.csdn.net/wangjia55/article/details/7458620，还可以参考如下网址了解ｇｅｔｘ
等方法区别：http://blog.csdn.net/jason0539/article/details/42743531，写的实在太好，所以就转载了，感谢这些前辈：
 

Android控件拖动的实现

标签： androidjavabuttonactionlayoutxml
2012-04-13 17:03  8826人阅读  评论(7)  收藏  举报
  分类：
 
这个也是从网上得到的代码，例子比较简单，但是如果有需要此功能的，这个例子可以提供很多提示，首先，给个截图


这个是拖动以后的效果，一个imageview和一个button控件，提供两份代码下载吧，一份是只有一个Button的，另一份就是像上图，就是多了一个imagview！先看下代码吧，比较简单：

[java] view plaincopy
  1. public class DraftTest extends Activity implements OnTouchListener{  
  2.     /** Called when the activity is first created. */  
  3.     int screenWidth;  
  4.     int screenHeight;  
  5.     int lastX;  
  6.     int lastY;  
  7.     @Override  
  8.     public void onCreate(Bundle savedInstanceState) {  
  9.         super.onCreate(savedInstanceState);  
  10.         setContentView(R.layout.main);  
  11.   
  12.         DisplayMetrics dm = getResources().getDisplayMetrics();  
  13.         screenWidth = dm.widthPixels;  
  14.         screenHeight = dm.heightPixels - 50;  
  15.         Button button=(Button)findViewById(R.id.btn);  
  16.         ImageView imageView=(ImageView)findViewById(R.id.btn2);  
  17.         imageView.setOnTouchListener(this);  
  18.         button.setOnTouchListener(this);  
  19.     }  
  20.   
  21.     @Override  
  22.     public boolean onTouch(View v, MotionEvent event) {  
  23.         // TODO Auto-generated method stub  
  24.         int action=event.getAction();  
  25.         Log.i("@@@@@@", "Touch:"+action);  
  26.         //Toast.makeText(DraftTest.this, "λ�ã�"+x+","+y, Toast.LENGTH_SHORT).show();  
  27.         switch(action){  
  28.         case MotionEvent.ACTION_DOWN:  
  29.             lastX = (int) event.getRawX();  
  30.             lastY = (int) event.getRawY();  
  31.             break;  
  32.             /** 
  33.              * layout(l,t,r,b) 
  34.              * l  Left position, relative to parent  
  35.             t  Top position, relative to parent  
  36.             r  Right position, relative to parent  
  37.             b  Bottom position, relative to parent   
  38.              * */  
  39.         case MotionEvent.ACTION_MOVE:  
  40.             int dx =(int)event.getRawX() - lastX;  
  41.             int dy =(int)event.getRawY() - lastY;  
  42.           
  43.             int left = v.getLeft() + dx;  
  44.             int top = v.getTop() + dy;  
  45.             int right = v.getRight() + dx;  
  46.             int bottom = v.getBottom() + dy;                      
  47.             if(left < 0){  
  48.                 left = 0;  
  49.                 right = left + v.getWidth();  
  50.             }                     
  51.             if(right > screenWidth){  
  52.                 right = screenWidth;  
  53.                 left = right - v.getWidth();  
  54.             }                     
  55.             if(top < 0){  
  56.                 top = 0;  
  57.                 bottom = top + v.getHeight();  
  58.             }                     
  59.             if(bottom > screenHeight){  
  60.                 bottom = screenHeight;  
  61.                 top = bottom - v.getHeight();  
  62.             }                     
  63.             v.layout(left, top, right, bottom);  
  64.             Log.i("@@@@@@", "position��" + left +", " + top + ", " + right + ", " + bottom);     
  65.             lastX = (int) event.getRawX();  
  66.             lastY = (int) event.getRawY();                    
  67.             break;  
  68.         case MotionEvent.ACTION_UP:  
  69.             break;                
  70.         }  
  71.         return false;     
  72.     }  
  73. }  



高度减去50是减去状态栏和标题栏的高度。
[java] view plaincopy
  1. case MotionEvent.ACTION_DOWN:  
  2.             lastX = (int) event.getRawX();  
  3.             lastY = (int) event.getRawY();  
  4.             break;  

 然后获取控件一开始的位置，然后在ACTION_MOVIE中：
[java] view plaincopy
  1. int dx =(int)event.getRawX() - lastX;  
  2.             int dy =(int)event.getRawY() - lastY;  
  3.           
  4.             int left = v.getLeft() + dx;  
  5.             int top = v.getTop() + dy;  
  6.             int right = v.getRight() + dx;  
  7.             int bottom = v.getBottom() + dy;                      
  8.             if(left < 0){  
  9.                 left = 0;  
  10.                 right = left + v.getWidth();  
  11.             }                     
  12.             if(right > screenWidth){  
  13.                 right = screenWidth;  
  14.                 left = right - v.getWidth();  
  15.             }                     
  16.             if(top < 0){  
  17.                 top = 0;  
  18.                 bottom = top + v.getHeight();  
  19.             }                     
  20.             if(bottom > screenHeight){  
  21.                 bottom = screenHeight;  
  22.                 top = bottom - v.getHeight();  
  23.             }                     
  24.             v.layout(left, top, right, bottom);  
  25.             Log.i("@@@@@@", "position��" + left +", " + top + ", " + right + ", " + bottom);     
  26.             lastX = (int) event.getRawX();  
  27.             lastY = (int) event.getRawY();    

 getLeft()方法得到的是控件左边坐标距离父控件原点(左上角，坐标（0，0）)的y轴距离，getRight()是控件右边距离父控件原点的y轴距离，同理，getTop和getButtom是距离的x轴距离。
[java] view plaincopy
  1. if(left < 0){  
  2.                 left = 0;  
  3.                 right = left + v.getWidth();  
  4.             }                     
  5.             if(right > screenWidth){  
  6.                 right = screenWidth;  
  7.                 left = right - v.getWidth();  
  8.             }                     
  9.             if(top < 0){  
  10.                 top = 0;  
  11.                 bottom = top + v.getHeight();  
  12.             }                     
  13.             if(bottom > screenHeight){  
  14.                 bottom = screenHeight;  
  15.                 top = bottom - v.getHeight();  
  16.             }     
这里的判断是为了是控件不超出屏幕以外，即：到达边界以后，不能再移动。
[java] view plaincopy
  1. v.layout(left, top, right, bottom);  

设置View的位置。

有一点忘记说了，就是像ImageView和TextView这些控件，要想实现拖动，要在xml文件中设置它的clickable为true。

[java] view plaincopy
  1. android:clickable="true"  

就这样，这些就是这个demo的全部内容。

最后，是代码的下载地址：


http://download.csdn.net/detail/aomandeshangxiao/4187376，

http://download.csdn.net/detail/aomandeshangxiao/4189910



========================分割线2016年4月19日10:12:02================================================

当界面如果有切换、或者刷新的动作之后，发现所有拖动的控件，都会恢复到原来的位置，应该是父类执行了onlayout方法，恢复到默认的位置了，需要重新复写父类的方法，如下：

这个更简单，在刷新子控件位置的时候，去遍历一下，找到DraggableFloatingButton，如果left不为-1则说明之前移动过了，子控件再自己调次layout用自己记录的上次移动后的坐标，即可保证位置在父布局刷新的时候不受影响

[code]    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        for (int i = 0; i < getChildCount(); i++) {
            if (getChildAt(i) instanceof DraggableFloatingButton) {
                // 为了防止浮动按钮恢复原位，布局子控件位置时使用上次记录的位置
                DraggableFloatingButton child = (DraggableFloatingButton) getChildAt(i);
                if (child.getLastLeft() != -1) {
                    child.layout(child.getLastLeft(), child.getLastTop(), child.getLastRight(), 
                    child.getLastBottom());
                }
                break;
            }
        }
    }
父类重写的代码如下： 
package net.loonggg.viewgroup;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

public class MyViewGroup extends ViewGroup {

	public MyViewGroup(Context context) {
		super(context);
	}

	public MyViewGroup(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public MyViewGroup(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	/**
	 * 计算控件的大小
	 */
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		int measureWidth = measureWidth(widthMeasureSpec);
		int measureHeight = measureHeight(heightMeasureSpec);
		// 计算自定义的ViewGroup中所有子控件的大小
		measureChildren(widthMeasureSpec, heightMeasureSpec);
		// 设置自定义的控件MyViewGroup的大小
		setMeasuredDimension(measureWidth, measureHeight);
	}

	private int measureWidth(int pWidthMeasureSpec) {
		int result = 0;
		int widthMode = MeasureSpec.getMode(pWidthMeasureSpec);// 得到模式
		int widthSize = MeasureSpec.getSize(pWidthMeasureSpec);// 得到尺寸

		switch (widthMode) {
		/**
		 * mode共有三种情况，取值分别为MeasureSpec.UNSPECIFIED, MeasureSpec.EXACTLY,
		 * MeasureSpec.AT_MOST。
		 * 
		 * 
		 * MeasureSpec.EXACTLY是精确尺寸，
		 * 当我们将控件的layout_width或layout_height指定为具体数值时如andorid
		 * :layout_width="50dip"，或者为FILL_PARENT是，都是控件大小已经确定的情况，都是精确尺寸。
		 * 
		 * 
		 * MeasureSpec.AT_MOST是最大尺寸，
		 * 当控件的layout_width或layout_height指定为WRAP_CONTENT时
		 * ，控件大小一般随着控件的子空间或内容进行变化，此时控件尺寸只要不超过父控件允许的最大尺寸即可
		 * 。因此，此时的mode是AT_MOST，size给出了父控件允许的最大尺寸。
		 * 
		 * 
		 * MeasureSpec.UNSPECIFIED是未指定尺寸，这种情况不多，一般都是父控件是AdapterView，
		 * 通过measure方法传入的模式。
		 */
		case MeasureSpec.AT_MOST:
		case MeasureSpec.EXACTLY:
			result = widthSize;
			break;
		}
		return result;
	}

	private int measureHeight(int pHeightMeasureSpec) {
		int result = 0;

		int heightMode = MeasureSpec.getMode(pHeightMeasureSpec);
		int heightSize = MeasureSpec.getSize(pHeightMeasureSpec);

		switch (heightMode) {
		case MeasureSpec.AT_MOST:
		case MeasureSpec.EXACTLY:
			result = heightSize;
			break;
		}
		return result;
	}

	/**
	 * 覆写onLayout，其目的是为了指定视图的显示位置，方法执行的前后顺序是在onMeasure之后，因为视图肯定是只有知道大小的情况下，
	 * 才能确定怎么摆放
	 */
	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		// 记录总高度
		int mTotalHeight = 0;
		// 遍历所有子视图
		int childCount = getChildCount();
		for (int i = 0; i < childCount; i++) {
			View childView = getChildAt(i);

			// 获取在onMeasure中计算的视图尺寸
			int measureHeight = childView.getMeasuredHeight();
			int measuredWidth = childView.getMeasuredWidth();

			childView.layout(l, mTotalHeight, measuredWidth, mTotalHeight
					+ measureHeight);

			mTotalHeight += measureHeight;

		}
	}

}
//==============================分割线，2016年4月25日13:59:05=================================
上述方法没有试验成功，刚界面有更新，拖动的控件会重新恢复到原来的位置，还是使用layoutparams参数，如下： 
	/**
	 * 监听左上方悬浮的控件
	 */
	@Override
	public boolean onTouch(View v, MotionEvent event) {

		if (DocCaptain.getInstance().isIfOrderLayout()) {
			webviewWidth = DocCaptain.getInstance().getWebviewWidthTrade();
			webviewHeight = DocCaptain.getInstance().getWebviewHeightTrade();
		}

		int action = event.getAction();
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			lastX = (int) event.getRawX();
			lastY = (int) event.getRawY();
			break;
		case MotionEvent.ACTION_UP:
			break;
		case MotionEvent.ACTION_POINTER_DOWN:
			break;
		case MotionEvent.ACTION_POINTER_UP:
			break;
		case MotionEvent.ACTION_MOVE:
			int dx = (int) event.getRawX() - lastX;
			int dy = (int) event.getRawY() - lastY;

			int left = v.getLeft() + dx;
			int top = v.getTop() + dy;
			int right = v.getRight() + dx;
			int bottom = v.getBottom() + dy;
			if (left < 0) {
				left = 0;
				right = left + v.getWidth();
			}
			if (right > webviewWidth) {
				right = webviewWidth;
				left = right - v.getWidth();
			}
			if (top < 0) {
				top = 0;
				bottom = top + v.getHeight();
			}
			if (bottom > webviewHeight) {
				bottom = webviewHeight;
				top = bottom - v.getHeight();
			}
			RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) v
					.getLayoutParams();

			layoutParams.leftMargin = left;
			layoutParams.topMargin = top;
			layoutParams.rightMargin = right;
			layoutParams.bottomMargin = bottom;
			v.setLayoutParams(layoutParams);
			//
			// DocCaptain.getInstance().setSuspendLeft(left);
			// DocCaptain.getInstance().setSuspendTop(top);
			// DocCaptain.getInstance().setSuspendRight(right);
			// DocCaptain.getInstance().setSuspendBottom(bottom);
			// v.layout(left, top, right, bottom);
			lastX = (int) event.getRawX();
			lastY = (int) event.getRawY();
			break;
		}
		v.invalidate();
		return true;

	}


清澈@Cherry
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 控件拖动
03-31
Android 控件 拖动 简单 democratic
Android 拖拽控件交换位置
01-25
在Android开发中，拖拽控件并实现它们的位置交换是一项常见的需求，特别是在设计交互式界面时。本篇文章将深入探讨如何在Android应用中实现在布局中拖拽控件并完成位置互换的功能。 首先，我们需要了解Android中的...
安卓控件拖动
HelloAndroider的博客
12-14 369
/** 此文主要有两大要点 1.控件的拖动 2.控件同时实现点击事件与拖动事件时的冲突处理 要点地方都有注释 */ public class extents Activity{ /** Called when the activity is first created. */ private long startTime = 0; private long endTime =
Android控件拖动
热门推荐
卡尔
12-04 1万+
这里演示控件拖动的动画：     原理就是响应控件的Touch事件，在Touch事件中对移动进行处理，注意，一定要在布局文件中设置控件的 android:clickable="true"。   代码如下： package com.zhycheng.draftdemo; import android.app.Activity; import android.os.Bun
Android控件拖动实例详解
08-31
这个简单的实例展示了如何在Android中实现基本的控件拖动功能。在实际应用中，可能还需要考虑更多因素，比如添加动画效果、处理多个控件的拖动、实现滑动删除等复杂操作。总的来说，理解`MotionEvent`和`...
android控件在界面上自由拖动位置显示
08-12
在Android开发中，实现控件在界面上自由拖动位置显示是一种常见的需求，可以提供更加灵活和用户友好的交互体验。本主题主要涉及的是如何在Android应用中创建一个自定义的拖动控件，允许用户自由调整控件在屏幕上的...
Android 分享控件的实现代码
08-27
本文主要介绍了 Android 分享控件的实现代码，包括实现分享控件的布局、使用 BottomSheetDialog 控件实现分享控件的弹出和上下拖动等功能。 分享控件的布局 在实现分享控件时，需要设计布局，布局中包括分享控件的...
Android控件实现图片缩放功能
08-28
Android控件实现图片缩放功能 Android控件实现图片缩放功能是指在Android应用程序中使用控件来实现对图片的缩放功能。下面将对该功能的实现进行详细的介绍。 一、 简介 在Android应用程序中，ImageView控件是最...
android 可拖动控件
04-18
android可拖动控件，博客内有详细说明。博客地址：http://www.cnblogs.com/yukino/p/4438415.html
android拖动控件，解决回到原点,拖动自动靠边，点击不灵敏
03-25
android拖动控件，解决回到原点,拖动自动靠边，点击不灵敏
Android实现控件的缩放移动功能
01-20
上篇文章已经介绍了Android控件的图片缩放功能，本篇将扩展到对任意控件的缩放和移动操作。通过以下步骤，你可以让控件像示例中的GIF那样，支持拖动、单指触控放大缩小、以及双指捏合缩放。 2. **使用步骤** **...
Android 基于RecyclerView实现的歌词滚动自定义控件
08-27
Android 基于RecyclerView实现的歌词滚动自定义控件是 Android 开发中一个常见的控件，主要用于展示歌词滚动效果。以下是相关知识点的总结： 一、RecyclerView 的基本概念 RecyclerView 是 Android 中一个强大的...
android 拖动控件，可复位
08-06
至于"android 拖动控件"，它强调的是我们在Android环境中实现控件拖动的整个流程。 综上所述，这个示例涵盖了Android开发中自定义View的创建、触摸事件的处理、以及通过编程方式改变控件位置等重要技术点。通过学习...
Android 简单实现控件的拖动
weixin_34235371的博客
01-22 851
控件的拖动,使用到一个监听事件 setOnTouchListener:XML代码: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 xmlns:app=...
Android控件拖动实现
会飞的徐公明
04-16 8961
1.今天突然想到做个实现个控件拖动效果，就来试试，一查原来还是很简单的2.原理就是实现OnTouchLinstener，然后触摸屏幕时改变控件的位置，当然了会有人问OnTouch与OnClick有什么区别，百度搜一下就知道了，懒得说。。3.废话不多说直接看图 4.当然了，笔者在点击和拖动的时候更改了ImageView的图片，离开屏幕时恢复，很简单，但很实用的一点，直接上代码吧package c
Android 实现拖放控件
ming54ming的博客
07-28 1132
类似微信朋友圈删除图片效果，示例如下： Android 拖放框架 ，可以让用户使用图形化拖放手势移动数据。 监听拖放过程 实现 View.OnDragListener 的拖动事件监听器或其 onDragEvent(DragEvent) 回调方法来接收拖动事件。 DragEvent 操作类型 getAction() 值 含义 ACTION_DRAG_STARTED 当应用调用 startDrag() 并获取拖动阴影后，视图对象的拖动事件监听器会立即收到此事件操作类型。 ACTION_DRA
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值