根据手势移动布局

最新推荐文章于 2024-10-09 15:23:42 发布
最新推荐文章于 2024-10-09 15:23:42 发布
阅读量472 收藏
点赞数
文章标签： 移动 触摸屏 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010217289/article/details/39205413
版权

根据手势移动布局，里面还有判断手势如果是快速向上滑动布局会自动向上移动。代码在下面，有注释。

package com.example.animation;

import java.util.ArrayList;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.PointF;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.GestureDetector.SimpleOnGestureListener;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.LinearLayout;
/**
 * @time： 2014年9月11日下午1:28:34
 *
 */
public class AnimationSS extends View implements OnTouchListener {

	private View view; // 布局
	private int width, height; // 布局宽高
	private LinearLayout layout; //布局控件（名片）
	private ArrayList<PointF> points = new ArrayList<PointF>();// 保存滑动过程中的点集合
	private int of = 0;// 点集合的下标
	private Boolean move = false, flag = false;// move移动开始的标志，flag触摸点是否在图片范围上的标志
	private float mX = 0, mY = 0;// 图片的当前坐标
	private Boolean ACTION_UP = false; //设置是否抬起事件
	private GestureDetector mGestureDetector; //手势监听事件
	private float x, y, viewWidth, viewHeight;
	private static final int SWIPE_MIN_DISTANCE = 100; //设置移动距离
	private static final int SWIPE_THRESHOLD_VELOCITY = 100; //设置移动速度
	private Boolean SWIPE = false; //刷动名片进行交换
	private float index; //名片移动下标
	private Boolean isRunning; //循环线程设置

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

	public AnimationSS(Context context){
		super(context);
		init(context);
	}

	/**
	 * @name： wangdakuan
	 * @time： 2014年9月2日下午2:02:58
	 */
	private void init(Context context){
		mGestureDetector = new GestureDetector(new MySimpleGesture());
		// 加载xml布局文件
		LayoutInflater factory = LayoutInflater.from(context);
		view = factory.inflate(R.layout.image, null);
		layout = (LinearLayout) view.findViewById(R.id.layout);
		setOnTouchListener(this);
		setLongClickable(true);
		mGestureDetector.setIsLongpressEnabled(true);
	}

	@Override
	protected void onDraw(Canvas canvas){
		// TODO Auto-generated method stub
		super.onDraw(canvas);
		width = getWidth();
		height = getHeight();
		// 调用下面这个方法非常重要，如果没有调用这个方法，得到的bitmap为null
		view.measure(MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
				MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY));
		// 画一个白色的背景
		canvas.drawColor(Color.WHITE);
		if(!move && !SWIPE){// 当无移动手势触发的时候，画出图片当前的位置
			view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
		}
		if(move && points.size() > 0 && of < points.size()){
			// 手势移动触发，依次画出图片的位置
			// 画布的左上点以图片宽高的一半上移，不是直接以路径点为起始点draw，这样可以避免图片在视觉上的跳跃
			mX = points.get(of).x - width / 2;
			mY = points.get(of).y - height / 2;
			view.layout(-(int) mX, -(int) mY, view.getMeasuredWidth(),
					view.getMeasuredHeight());
			of += 1;// 点集合下标加一
		}
		else if(move && points.size() > 0 && of == points.size()){
			// 让图片定格在最后一个点画出的位置上，如果没有这句图片draw完view将清空，什么都没有
			view.layout(-(int) mX, -(int) mY, view.getMeasuredWidth(),
					view.getMeasuredHeight());
		}
		else if(ACTION_UP && !SWIPE){// 抬起后还原起点
			ACTION_UP = false;
			mX = 0;
			mY = 0;
			view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
		}
		view.draw(canvas);
	}

	@Override
	public boolean onTouch(View v, MotionEvent event){
		// 获取当前的坐标点
		x = event.getX();
		y = event.getY();
		viewWidth = (view.getMeasuredWidth() - layout.getMeasuredWidth()) / 2;
		viewHeight = (view.getMeasuredHeight() - layout.getMeasuredHeight()) / 2;
		switch(event.getAction()){
		case MotionEvent.ACTION_UP:
			if(flag){
				if(!SWIPE){
					move = false;
				}
				ACTION_UP = true;
				flag = false;// 复位范围标志。如果这里不复位下次点击屏幕任何一个位置都将触发draw方法导致出现图片跳跃的情况
				invalidate();// 通知draw方法
			}
			break;
		}
		return mGestureDetector.onTouchEvent(event);
	}

	private class MySimpleGesture extends SimpleOnGestureListener {
		
		public MySimpleGesture(){
			super();
			isRunning = true;
			new Thread(runnable).start();
		}
		/**
		 * 用户按下事件
		 */
		@Override
		public boolean onDown(MotionEvent event){

			switch(event.getAction()){
			case MotionEvent.ACTION_DOWN:
				// 判断触摸的位置是否在图片的范围上
				if(x > viewWidth && x < (viewWidth + layout.getMeasuredWidth())
						&& y > viewHeight
						&& y < viewHeight + layout.getMeasuredHeight()){
					move = true;// 移动开始标志设为false
					flag = true;// 范围标志设为true
					points.clear();// 清空点集合
					of = 0;
					points.add(new PointF(x, y));// 将当前的点加到集合中
				}
				break;
			case MotionEvent.ACTION_UP:
				if(flag){
					if(!SWIPE){
						move = false;
					}
					ACTION_UP = true;
					flag = false;// 复位范围标志。如果这里不复位下次点击屏幕任何一个位置都将触发draw方法导致出现图片跳跃的情况
					invalidate();// 通知draw方法
				}
				break;
			}
			return true;
		}

		@Override
		public boolean onFling(MotionEvent event, MotionEvent event1,
				float velocityX, float velocityY){
			// 参数解释：
			// e1：第1个ACTION_DOWN MotionEvent
			// e2：最后一个ACTION_MOVE MotionEvent
			// velocityX：X轴上的移动速度，像素/秒
			// velocityY：Y轴上的移动速度，像素/秒
			// 触发条件 ：
			// X轴的坐标位移大于FLING_MIN_DISTANCE，且移动速度大于FLING_MIN_VELOCITY个像素/秒
			float x = event1.getX();
			float y = event1.getY();
			if(event.getY() - event1.getY() > SWIPE_MIN_DISTANCE
					&& Math.abs(velocityY) > SWIPE_THRESHOLD_VELOCITY
					&& event.getY() - event1.getY() > event1.getX()
							- event.getX()
					&& event.getY() - event1.getY() > event.getX()
							- event1.getX()){
				
				if(isRunning){
					index = points.get((points.size() - 1)).y;
					SWIPE = true;
					move = true;// 移动开始
					// 唤醒任务下载队列
					synchronized(runnable){
						runnable.notify();
					}
				}
			}

			switch(event.getAction()){
			case MotionEvent.ACTION_DOWN:
				if(flag){
					move = true;// 移动开始
					points.add(new PointF(x, y));// 将当前的坐标点加入到集合
					invalidate();// 通知draw方法
				}
				break;
			}
			switch(event1.getAction()){
			case MotionEvent.ACTION_UP:
				if(flag){
					if(!SWIPE){
						move = false;
					}
					ACTION_UP = true;
					flag = false;// 复位范围标志。如果这里不复位下次点击屏幕任何一个位置都将触发draw方法导致出现图片跳跃的情况
					invalidate();// 通知draw方法
				}
				break;
			}
			return false;
		}

		/**
		 * 用户长按触摸屏，由多个MotionEvent ACTION_DOWN触发
		 */
		@Override
		public void onLongPress(MotionEvent event){
			switch(event.getAction()){
			case MotionEvent.ACTION_UP:
				if(flag){
					if(!SWIPE){
						move = false;
					}
					ACTION_UP = true;
					flag = false;// 复位范围标志。如果这里不复位下次点击屏幕任何一个位置都将触发draw方法导致出现图片跳跃的情况
					invalidate();// 通知draw方法
				}
				break;
			}
		}

		/**
		 * 用户按下触摸屏，并拖动，由1个MotionEvent ACTION_DOWN, 多个ACTION_MOVE触发
		 */
		@Override
		public boolean onScroll(MotionEvent event, MotionEvent event1,
				float velocityX, float velocityY){
			float x = event1.getX();
			float y = event1.getY();
			
			switch(event.getAction()){
			case MotionEvent.ACTION_DOWN:
				if(flag){
					move = true;// 移动开始
					points.add(new PointF(x, y));// 将当前的坐标点加入到集合
					invalidate();// 通知draw方法
				}
				break;
			}
			
			switch(event1.getAction()){
			case MotionEvent.ACTION_UP:
				if(flag){
					if(!SWIPE){
						move = false;
					}
					ACTION_UP = true;
					flag = false;// 复位范围标志。如果这里不复位下次点击屏幕任何一个位置都将触发draw方法导致出现图片跳跃的情况
					invalidate();// 通知draw方法
				}
				break;
			}
			return true;
		}

		/**
		 * 用户轻触触摸屏，尚未松开或拖动，由一个1个MotionEvent ACTION_DOWN触发
		 */
		@Override
		public void onShowPress(MotionEvent event){
			switch(event.getAction()){
			case MotionEvent.ACTION_UP:
				if(flag){
					if(!SWIPE){
						move = false;
					}
					ACTION_UP = true;
					flag = false;// 复位范围标志。如果这里不复位下次点击屏幕任何一个位置都将触发draw方法导致出现图片跳跃的情况
					invalidate();// 通知draw方法
				}
				break;
			}
		}

		/**
		 * 用户（轻触触摸屏后）松开，由一个1个MotionEvent ACTION_UP触发
		 */
		@Override
		public boolean onSingleTapUp(MotionEvent arg0){
			if(flag){
				if(!SWIPE){
					move = false;
				}
				ACTION_UP = true;
				flag = false;// 复位范围标志。如果这里不复位下次点击屏幕任何一个位置都将触发draw方法导致出现图片跳跃的情况
				invalidate();// 通知draw方法
			}
			return false;
		}

	}
	
	/**
	 * 循环绘制线程
	 */
	private Runnable runnable = new Runnable() { 
		@Override
		public void run(){
			while(isRunning){
				while(index >= -height * 2 & SWIPE){
					index = index - 20;
					// 下标更改完通知draw方法重画
					points.add(new PointF(width/2, index));// 将当前的坐标点加入到集合
					// 设置发送消息的时间间隔
					Message message = new Message();
					message.what = 222;
					handler.sendMessage(message);
					try{
						Thread.sleep(10); //绘制间隔时间
					}
					catch(InterruptedException e){
						Thread.currentThread().interrupt();
					}
				}
				// 如果队列为空,则令线程等待
				synchronized(this){
					//设置恢复原点
					SWIPE = false;
					move = false;
					try{
						this.wait();
					}
					catch(InterruptedException e){
						e.printStackTrace();
					}
				}
			}
		}
	};

	/**
	 * 绘制
	 */
	Handler handler = new Handler() {
		@Override
		public void handleMessage(Message msg){
			switch(msg.what){
			case 222:
				invalidate();
				break;

			default:
				break;
			}
		}

	};
}

布局：image 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#fff"
    android:gravity="center"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/layout"
        android:layout_width="wrap_content"
        android:orientation="vertical"
        android:layout_height="160dp"
        android:background="@drawable/card_tempate_b01" >\
        
        
        
    </LinearLayout>

</LinearLayout>

布局：main 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center" >

        <com.example.animation.AnimationSS
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center" />
    </LinearLayout>

</LinearLayout>

源码下载地址： http://download.csdn.net/detail/u010217289/7896209 不需要积分

落幕-无悔
关注
自定义控件之贝赛尔曲线实现手势轨迹
要让世界看得见
05-04 717
一、概念 1、先讲一下什么是贝塞尔曲线 在数学的数值分析领域中，贝赛尔曲线（Bézier曲线）是电脑图形学中相当重要的参数曲线。更高维度的广泛化贝塞尔曲线就称作贝塞尔曲面，其中贝塞尔三角是一种特殊的实例。 2、贝塞尔曲线的目的又是什么呢 利用贝塞尔曲线，我们能实现平滑的手势轨迹效果 ，还有比如说很多酷炫的效果基本也是有贝塞尔曲线来实现的，或者也...
自定义FrameLayout实现手势滑动控制各组件的分层显示
09-23
自定义FrameLayout实现手势滑动控制各组件的分层显示
Android FlingGallery类完美实现手势拖动多个布局页面
09-05
完美实现手势拖动多个布局页面
Android 通过手势类实现的可拖动布局实例
你好邱林和的专栏
12-23 3473
平板项目中，由于分为上下两个布局，横竖屏切换时，下方的界面需要显示更多的数据，所以就想到能不能拖动中间的 按钮，然后实时的改变布局的高度，让其显示更多的数据，找到一篇博客如下：转自：http://www.apkbus.com/thread-74732-1-1.html       功能如下：可实现上下界面分屏显示，拖动到上面屏幕以上时，下屏全屏显示；拖动到下面屏幕以下时，上屏全屏显示；拖动
通过手势（GestureDetector）实现翻页效果
u010947098的专栏
05-18 2497
功能的实现思路其实不难，就是把Activity的TouchEvent交给GestureDetector处理。功能的实现是通过ViewFlipper组件，ViewFlipper可使用动画控制多个组件之间的切换效果。 下面就是实现的代码 1.activity package com.example.androidioanddatastore.gesturedetector; import co
android跟随手势上下移动,Android上下左右手势滑动事件处理
weixin_39775577的博客
05-29 648
要实现手指在屏幕上左右滑动的事件需要实例化对象GestureDetector，newGestureDetector(MainActivity.this,onGestureListener);首先实现监听对象GestureDetector.OnGestureListener，根据x或y轴前后变化坐标来判断是左滑动还是右滑动并根据不同手势滑动做出事件处理doResult(intaction)，然后...
GestureDetector 手势监听，根据手势动态操作布局显示
LinkangGuo的博客
04-14 619
1：需求向下滑动时布局隐藏掉一部分，向上滑动时候显示出来 大概样子如图的需求动态根据手势显示隐藏打赏的物品模块 2：做手势监听 在Android中，是由GestureDetector类来负责手势的检测，每一个GestureDetector类的实例都代表一个手势监听器。我们在为按钮设置点击事件监听器时会用到OnClickListener，创建手势管理器，实现五个方法GestureDete
手势拖动布局，出现新区域
quanjin24k的专栏
08-22 1557
博客开通了有几个月了，一直没当回事儿； 前几天才发现它的重要性， 遂找出来记录下自己平时的点滴，哪怕是心情也好；      话不多说，如题所述，在我的布局已经定格的时候，突然有个怪诞的需求，对整个布局进行拖动，出现新布局？  首先想到的是通过手势监听-布局的整体移动-显示事先隐藏的布局，然后开始实现 。      先上张效果图看看样子再说··············      1. 定格
MoveView:跟随手势移动View demo
05-23
【MoveView:跟随手势移动View demo】是一个基于Java编写的Android开发示例项目，它主要展示了如何实现一个可由用户手势自由移动的View组件。在Android应用开发中，手势识别和View的操作是不可或缺的部分，本项目就是...
android手势移动代码（动态图片跟随手势移动）
06-25
本示例代码是针对"android手势移动代码（动态图片跟随手势移动）"，主要用于实现动态图片跟随用户的触摸手势进行移动，这对于游戏开发或是任何需要图形对象移动的应用都极其有用。下面我们将详细讲解这一技术。 ...
Android手势控制实现缩放、移动图片
09-02
本文将详细介绍如何在Android环境中实现图片的手势控制，包括缩放和移动。 首先，我们需要创建一个自定义的触摸监听器类，这个类将处理触摸事件并根据用户的动作来调整图片的缩放和位置。以下是一个简单的触摸监听...
Android View 跟随手势移动和缩放
12-17
"Android View 跟随手势移动和缩放"的主题聚焦于如何实现View在屏幕上跟随用户的触摸手势进行平移（translate）和缩放（zoom）操作。这种功能广泛应用于图片查看器、地图应用以及各种需要用户自定义布局的场景。 ...
Android 布局手势缩放，可滑动查看，实现类似Imgview图片缩放效果
Mr.L bicker的博客
01-10 2445
Android 自定义View 布局手势缩放，可滑动查看，子View实现类似Imgview图片缩放效果 自定义View，使用ViewDragHelper和ScaleGestureDetector结合简单的实现类似PhotoView的效果的控件，使布局内的子view能随着手势进行缩放，滑动查看的效果 package com.example.lbq.one.view; import andro
Android手势源码浅析-----手势绘制(GestureOverlayView)
热门推荐
stevenhu_223的专栏
07-25 2万+
前言：Android关于手势的操作提供两种形式：一种是针对用户手指在屏幕上划出的动作而进行移动的检测，这些手势的检测提供android提供的监听器来实现；另一种是用户手指在屏幕上滑动而形成一定的不规则的几何图形(即为多个持续触摸事件在屏幕形成特定的形状)；本文主要是针对第二种手势的绘制原理进行浅析，我们姑且称它为输入法手势；     1. 输入法手势        在Android源码中，
【AAOS】Android Automotive 10模拟器源码下载及编译
最新发布
码农的历程
10-09 231
AAOS Q模拟器
Android 防止截屏和录屏
子冉冰清的博客
10-09 260
通过给当前的window对象设置标记WindowManager.LayoutParams.FLAG_SECURE来防止截屏和录屏。在Android应用中，如果你已经设置了禁止截屏，然后想根据内容的变化动态取消这个限制，可以通过修改。设置以后，用手机快捷键截屏会提示如下：“当前页面涉及隐私内容，防止截屏和录屏”例如，你可以在数据更新的回调方法、监听器、或观察者模式中执行这一操作。如果在当前页面想根据不同内容来取决于是否设置禁止截屏的时候，可以通过。这种方法可以确保在内容发生变化时，用户能够再次截屏。
【Android】Handler消息机制
m0_74448051的博客
10-06 1007
Android消息机制学习分享
Android自定义ViewGroup滚动布局：使用GestureDetector实现手势监听
"Android自定义viewgroup可滚动布局，使用GestureDetector进行手势监听" 在Android开发中，自定义ViewGroup是实现特定交互效果或布局需求的重要手段。本文将详细介绍如何在自定义的ViewGroup中实现可滚动布局，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值