Android实现图片浮动随意拖拽效果

本文实例为大家分享了Android实现图片浮动拖拽效果的具体代码，供大家参考，具体内容如下

实现步骤

1.先自定义一个浮动工具类

public class MoveImage extends ImageView {

 /**
 *
 * 浮动工具类
 *
 */
 private int lastX = 0;
 private int lastY = 0;

 private int dx;
 private int dy;
 private float movex = 0;
 private float movey = 0;

 private int screenWidth;
 private int screenHeight;

 public MoveImage(Context context, AttributeSet attrs) {
 super(context, attrs);
 screenWidth = ScreenUtils.getWidth(context);
 screenHeight = ScreenUtils.getHeight(context);
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
 switch (event.getAction()) {
 case MotionEvent.ACTION_DOWN:
 lastX = (int) event.getRawX();
 lastY = (int) event.getRawY();
 movex = lastX;
 movey = lastY;
 break;
 case MotionEvent.ACTION_MOVE:
 dx = (int) event.getRawX() - lastX;
 dy = (int) event.getRawY() - lastY;

 int left = getLeft() + dx;
 int top = getTop() + dy;
 int right = getRight() + dx;
 int bottom = getBottom() + dy;
 if (left < 0) {
 left = 0;
 right = left + getWidth();
 }
 if (right > screenWidth) {
 right = screenWidth;
 left = right - getWidth();
 }
 if (top < 0) {
 top = 0;
 bottom = top + getHeight();
 }
 if (bottom > screenHeight) {
 bottom = screenHeight;
 top = bottom - getHeight();
 }
 layout(left, top, right, bottom);
 lastX = (int) event.getRawX();
 lastY = (int) event.getRawY();
 break;
 case MotionEvent.ACTION_UP:
 //避免滑出触发点击事件
 if ((int) (event.getRawX() - movex) != 0
 || (int) (event.getRawY() - movey) != 0) {
 return true;
 }
 break;
 default:
 break;
 }
 return super.onTouchEvent(event);
 }
}

2.xml布局的引用

<com.zjtd.bzcommunity.text.MoveImage
 android:id="@+id/iv_phone_bar"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:layout_alignParentRight="true"
 android:layout_marginBottom="70dp"
 android:src="@drawable/my_qiandao_icon" />

3.activity的实现

private MoveImage iv_phone_bar;//签到图片
iv_phone_bar = (MoveImage) view.findViewById(R.id.iv_phone_bar);
iv_phone_bar.setOnClickListener(this);
// 签到
case R.id.iv_phone_bar:
 startActivity(new Intent(getActivity(), SignAcitvity.class));//点击跳转页面
 break;

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对我们的支持。

赞 (0)

相关推荐

  • Android利用浮动窗口提示用户操作

    Android利用浮动窗口提示用户操作

    上次我们实现了利用viewpager实现对新用户的功能性介绍,今天我们来显示利用浮动窗口对用户进行操作的引导.先看效果图. 虽然界面比较丑,但是可以看到我们还是可以实现对用户进行比较好的操作提示,下面介绍怎么实现这种效果. 集成环境 这个项目中,我采用的是TourGuide开源项目,可以直接进入github地址进行学习与下载,这里我们只是简单的介绍怎么使用他来实现浮动界面的引导效果.首先是添加引用: 在你的gradle file中添加以下依赖,然后点击sync将依赖添加到自己的项目中就可以直接使

  • Android应用中制作选中后图标变大浮动效果的代码分享

    Android应用中制作选中后图标变大浮动效果的代码分享

    最近在玩3g体育门户客户端的时候,看到这样个效果: 轻触赛事图标,会有一个图标变大浮出的效果.,蛮有意思的.于是就把仿照它做了一个.   这个是原图: 实际上是给图标的触摸事件中添加了一个缩放的动画,代码如下. package com.test; import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import andro

  • Android 浮动编辑框的具体实现代码

    Android 浮动编辑框的具体实现代码

    Android app 开发中经常会遇到一些输入框要悬浮到软键盘上方的需求,大致做法有做法如下. Android输入法软键盘悬浮,最常见的一种方法是通过给ViewTreeObserver添加ViewTreeObserver.OnGlobalLayoutListener当全局布局完成时或视图树中视图的可见性发生变化时回调onGlobalLayout方法,在onGlobalLayout方法中获取当前窗口的区域,获取区域高度如果超过屏幕的五分之一一般认为是软键盘处于显示状态,区域高度即为输入法软键盘高

  • 安卓(android)仿电商app商品详情页按钮浮动效果

    安卓(android)仿电商app商品详情页按钮浮动效果

    1.效果图如下: 这效果用户体验还是很酷炫,今天我们就来讲解如何实现这个效果. 2.分析 为了方便理解,作图分析 如图所示,整个页面分为四个部分: 1.悬浮内容,floatView 2.顶部内容,headView 3.中间内容,与悬浮内容相同,middleView 4.商品详情展示页面,detailView 因为页面内容高度会超出屏幕,所以用Scrollview实现滚动,悬浮view与scrollview同级,都在一个帧布局或者相对布局中. 当y方向的滚动距离小于中间的内容middleView到

  • Android自定义ViewGroup实现标签浮动效果

    Android自定义ViewGroup实现标签浮动效果

    前面在学习鸿洋大神的一些自定义的View文章,看到了自定义ViewGroup实现浮动标签,初步看了下他的思路以及结合自己的思路完成了自己的浮动标签的自定义ViewGroup.目前实现的可以动态添加标签.可点击.效果图如下: 1.思路  首先在onMeasure方法中测量ViewGroup的宽和高,重点是处理当我们自定义的ViewGroup设置为wrap_content的情况下,如何去测量其大小的问题.当我们自定义的ViewGroup设置为wrap_content时,我们需要让子View先去测量自

  • Android实现支付宝蚂蚁森林水滴浮动效果

    可以有多个水滴,可以控制位置,水滴上下浮动.点击水滴产生搜集动画,水滴向树移动并逐渐消失,如图: 那么是如何实现的呢,下面我们一步步来分析: 1.定义一个继承Relativelayout 的子类作为容器放置多个水滴并在Onlayout()中设置子控件的位置 @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { final int count = getChildCount(); for (

  • Android实现图片浮动随意拖拽效果

    本文实例为大家分享了Android实现图片浮动拖拽效果的具体代码,供大家参考,具体内容如下 实现步骤 1.先自定义一个浮动工具类 public class MoveImage extends ImageView { /** * * 浮动工具类 * */ private int lastX = 0; private int lastY = 0; private int dx; private int dy; private float movex = 0; private float movey

  • Android仿qq消息拖拽效果

    Android仿qq消息拖拽效果

    本文实例为大家分享了Android仿qq消息拖拽效果展示的具体代码,供大家参考,具体内容如下 这是一个仿qq消息拖拽效果,View和拖拽实现了分离,TextView.Button.Imageview等都可以实现相应的拖拽效果:在触发的地方调用 MessageBubbleView.attach(findViewById(R.id.text_view), new MessageBubbleView.BubbleDisappearListener() { @Override public void d

  • JavaScript实现文字与图片拖拽效果的方法

    本文实例讲述了JavaScript实现文字与图片拖拽效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JavaScript实现文字与图片的拖拽效果</title> <style type="text/css"> *{padding:0;margin:0;} .tips{position:absolute;background:#eee;} </style

  • js css3实现图片拖拽效果

    本文实例为大家分享了css3实现图片拖拽效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ text-align: center; } .container{ display: flex; just

  • js实现本地图片文件拖拽效果

    如何拖拽文件到指定位置,具体方法如下 在从本地上传图片的时候,如果使用拖拽效果,想想应该是更加的高大上,下面直接上代码 完整代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #dropBox{ width: 300px; height:

  • Android 在viewPager中双指缩放图片双击缩放图片单指拖拽图片的实现思路

    我们就把这个问题叫做图片查看器吧,它的主要功能有: 1.双击缩放图片. 2. 双指缩放图片. 3.单指拖拽图片. 为此这个图片查看器需要考虑以下的技术点: 一.双击缩放图片: 1.如果图片高度比屏幕的高度小得多,那么就将图片放大到高度与屏幕高度相等,否则就放大一个特定的倍数. 2.如何判断是否到达这个倍数来停止缩放. 3.判断完且停止放大后,图片可能已经超出了这个倍数需要的大小,如何回归到我们的目标大小. 4.判断完且停止缩小后,图片宽度可能已经小于屏幕宽度,在两边留下了空白,如何重置为原来的大

  • Android自定义View实现拖拽效果

    Android自定义View实现拖拽效果

    腾讯QQ有那种红点拖动效果,今天就来实现一个简单的自定义View拖动效果,再回到原处,并非完全仿QQ红点拖动. 先来看一下效果图 简单说一下实现步骤 1.创建一个类继承View 2.绘制出一个小球 3.重写onTouchEvent,来根据手指放下,移动,抬起,来控制小球 4.直接在布局中引用 先贴一张图看下View的坐标系 下面就贴一下代码,最后会给出源码 public class CustomView extends View { private int lastX; private int

  • Android使用贝塞尔曲线仿QQ聊天消息气泡拖拽效果

    本文实例为大家分享了Android仿QQ聊天消息气泡拖拽效果展示的具体代码,供大家参考,具体内容如下 先画圆,都会吧.代码如下: public class Bezier extends View { private final Paint mGesturePaint = new Paint(); private final Path mPath = new Path(); private float mX1 = 100, mY1 = 150; private float mX2 = 300, m

  • Android仿美团拖拽效果实例代码

    Android仿美团拖拽效果实例代码

    效果图 如上图,实现了拖拽事件的无缝过渡.效果很流畅很自然,之所以写轮子因为实在找不到好用的库,该库参考了https://github.com/woxingxiao/SlidingUpPanelLayout ,其实在大神的开源库里就有Issues提到内嵌 scrollView 时滑动冲突的问题.再加上最近项目里面的详情页就有这样的拖拽效果需求,只好自己实现一遍. 在实现的过程中,就遇到几个比较棘手的问题,也经过了一番挣扎才想出解决的方案. 困难 拖拽释放的时机,如下拉1/6就自动收缩否则回弹,上

  • js实现简单图片拖拽效果

    js实现简单图片拖拽效果

    本文实例为大家分享了js实现简单图片拖拽效果的具体代码,供大家参考,具体内容如下 //图片需要自己导入 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>在当前显示区范围内实现点不到的小方块</title> <style> div{position:fixed;width:100px;height:100px; background-

随机推荐