当前位置: 首页 > 编程笔记 >

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

子车雅珺
2023-03-14
本文向大家介绍Android实现图片浮动随意拖拽效果,包括了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;

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

 类似资料:
  • 本文向大家介绍js css3实现图片拖拽效果,包括了js css3实现图片拖拽效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了css3实现图片拖拽效果的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JS实现图片拖拽交换效果,包括了JS实现图片拖拽交换效果的使用技巧和注意事项,需要的朋友参考一下 JS实现图片拖拽交换效果,供大家参考,具体内容如下 听 WEB前端javascript企业实战班 公开课,用JS实现了图片拖拽交换的目的;感谢老师的讲解。 实现要点 鼠标点击onmousedown:获取鼠标在页面上可视区域的位置(clientX, clientY)和元素外边框距已定位父元

  • 本文向大家介绍Vue.js实现图片的随意拖动方法,包括了Vue.js实现图片的随意拖动方法的使用技巧和注意事项,需要的朋友参考一下 主要代码如下: 以上这篇Vue.js实现图片的随意拖动方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍js实现本地图片文件拖拽效果,包括了js实现本地图片文件拖拽效果的使用技巧和注意事项,需要的朋友参考一下 如何拖拽文件到指定位置,具体方法如下 在从本地上传图片的时候,如果使用拖拽效果,想想应该是更加的高大上,下面直接上代码 完整代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Android实现悬浮可拖拽的Button,包括了Android实现悬浮可拖拽的Button的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android实现悬浮可拖拽Button的具体代码,供大家参考,具体内容如下 1、简介 最近,因为项目需要,需要制作一个界面上可拖拽的按钮,网上也有多实例,看了下大部分都是示例不全或讲解不清晰,效果图也不明显,借此自己记录一番自己的

  • 本文向大家介绍Vue.Draggable实现拖拽效果,包括了Vue.Draggable实现拖拽效果的使用技巧和注意事项,需要的朋友参考一下 快速实现Vue.Draggable的拖拽效果,供大家参考,具体内容如下 1.下载包:npm install vuedraggable 配置:package.json 2.在你的组件中引进依赖: 3.注册:draggable这个组件 4.使用html模板中使用该