自定义View实现拖动并自动吸边效果以及手势

最新推荐文章于 2024-06-28 22:35:37 发布
最新推荐文章于 2024-06-28 22:35:37 发布
阅读量113 收藏 1
点赞数
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40334300/article/details/132479965
版权 

import android.content.Context
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.View
import android.view.ViewGroup
import android.view.animation.BounceInterpolator

/**
 * 自定义View实现拖动并自动吸边效果
 *
 *
 * 处理滑动和贴边
 * 处理事件分发
 * * @author: bill
 *  * ls9421@vip.qq.com
 *  * @since: 2023年08月24日18:01:49
 *
 * @attr customIsAttach  //是否需要自动吸边
 * @attr customIsDrag    //是否可拖曳
 */

class AttachButton @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) :
    View(context, attrs, defStyleAttr) {
    private var mLastRawX = 0f
    private var mLastRawY = 0f
    private val TAG = "AttachButton"
    private var isDrug = false
    private var mRootMeasuredWidth = 0
    private var mRootMeasuredHeight = 0
    private var mRootTopY = 0
    private var customIsAttach = false
    private var customIsDrag = false

    init {
        isClickable = true
        initAttrs(context, attrs)
    }

    /**
     * 初始化自定义属性
     */
    private fun initAttrs(context: Context, attrs: AttributeSet?) {
        val mTypedAttay = context.obtainStyledAttributes(attrs, R.styleable.AttachButton)
        customIsAttach = mTypedAttay.getBoolean(R.styleable.AttachButton_customIsAttach, true)
        customIsDrag = mTypedAttay.getBoolean(R.styleable.AttachButton_customIsDrag, true)
        mTypedAttay.recycle()
    }

    override fun dispatchTouchEvent(event: MotionEvent): Boolean {
        super.dispatchTouchEvent(event)
        return true
    }

    override fun onTouchEvent(ev: MotionEvent): Boolean {
        //判断是否需要滑动
        if (customIsDrag) {
            //当前手指的坐标
            val mRawX = ev.rawX
            val mRawY = ev.rawY
            when (ev.action) {
                MotionEvent.ACTION_DOWN -> {
                    isDrug = false
                    //记录按下的位置
                    mLastRawX = mRawX
                    mLastRawY = mRawY
                    val mViewGroup = parent as ViewGroup
                    if (mViewGroup != null) {
                        val location = IntArray(2)
                        mViewGroup.getLocationInWindow(location)
                        //获取父布局的高度
                        mRootMeasuredHeight = mViewGroup.measuredHeight
                        mRootMeasuredWidth = mViewGroup.measuredWidth
                        //获取父布局顶点的坐标
                        mRootTopY = location[1]
                    }
                }

                MotionEvent.ACTION_MOVE -> if (mRawX >= 0 && mRawX <= mRootMeasuredWidth && mRawY >= mRootTopY && mRawY <= mRootMeasuredHeight + mRootTopY) {
                    //手指X轴滑动距离
                    val differenceValueX = mRawX - mLastRawX
                    //手指Y轴滑动距离
                    val differenceValueY = mRawY - mLastRawY
                    //判断是否为拖动操作
                    if (!isDrug) {
                        isDrug =
                            if (Math.sqrt((differenceValueX * differenceValueX + differenceValueY * differenceValueY).toDouble()) < 2) {
                                false
                            } else {
                                true
                            }
                    }
                    //获取手指按下的距离与控件本身X轴的距离
                    val ownX = x
                    //获取手指按下的距离与控件本身Y轴的距离
                    val ownY = y
                    //理论中X轴拖动的距离
                    var endX = ownX + differenceValueX
                    //理论中Y轴拖动的距离
                    var endY = ownY + differenceValueY
                    //X轴可以拖动的最大距离
                    val maxX = (mRootMeasuredWidth - width).toFloat()
                    //Y轴可以拖动的最大距离
                    val maxY = (mRootMeasuredHeight - height).toFloat()
                    //X轴边界限制
                    endX = if (endX < 0) {
                        0f
                    } else if (endX > maxX) {
                        maxX
                    } else {
                        endX
                    }
                    //Y轴边界限制
                    endY = if (endY < 0) {
                        0f
                    } else if (endY > maxY) {
                        maxY
                    } else {
                        endY
                    }
                    //开始移动
                    x = endX
                    y = endY
                    //记录位置
                    mLastRawX = mRawX
                    mLastRawY = mRawY
                }

                MotionEvent.ACTION_UP ->                     //根据自定义属性判断是否需要贴边
                    if (customIsAttach) {
                        //判断是否为点击事件
                        if (isDrug) {
                            val center = (mRootMeasuredWidth / 2).toFloat()
                            //自动贴边
                            if (mLastRawX <= center) {
                                //向左贴边
                                animate()
                                    .setInterpolator(BounceInterpolator())
                                    .setDuration(500)
                                    .x(0f)
                                    .start()
                            } else {
                                //向右贴边
                                animate()
                                    .setInterpolator(BounceInterpolator())
                                    .setDuration(500)
                                    .x((mRootMeasuredWidth - width).toFloat())
                                    .start()
                            }
                        }
                    }

                else -> {}
            }
        }
        //是否拦截事件
        return if (isDrug) isDrug else super.onTouchEvent(ev)
    }
}

手势处理的view


import android.content.Context
import android.content.res.TypedArray
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.ViewGroup
import android.widget.LinearLayout

/**
 * @author: bill
 * ls9421@vip.qq.com
 * @since: 2023年08月24日18:01:49
 */
class GestureView : LinearLayout {
    private var canRotation = false
    private var canScale = false

    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) {
        val typedArray: TypedArray = context.obtainStyledAttributes(attrs, R.styleable.GestureView)
        canRotation = typedArray.getBoolean(R.styleable.GestureView_canRotation, false)
        canScale = typedArray.getBoolean(R.styleable.GestureView_canScale, false)
        typedArray.recycle()
    }


    val gesture = BestGestureDetector(this).apply {

        setOnTouchListener(object : OnSimpleTouchListener() {
            override fun onTouchMove(detector: BestGestureDetector): Boolean {
                val parentwidth = (parent as ViewGroup).width
                val parentHeight = (parent as ViewGroup).height
                when {
                    left + detector.moveX < 0 -> {
                        val offset = left
                        left -= offset
                        right -= offset
                    }

                    right + detector.moveX > parentwidth -> {
                        val offset = parentwidth - right
                        left += offset
                        right += offset
                    }

                    else -> {
                        offsetLeftAndRight(detector.moveX.toInt())
                    }
                }

                when {
                    top + detector.moveY < 0 -> {
                        val offset = top
                        top -= offset
                        bottom -= offset
                    }

                    bottom + detector.moveY > parentHeight -> {
                        val offset = parentHeight - bottom
                        top += offset
                        bottom += offset
                    }

                    else -> {
                        offsetTopAndBottom(detector.moveY.toInt())
                    }
                }


                return super.onTouchMove(detector)
            }
        })
        setMoveListener(object : OnSimpleMoveListener() {
            override fun onMove(detector: BestGestureDetector): Boolean {
                val parentwidth = (parent as ViewGroup).width
                val parentHeight = (parent as ViewGroup).height
                when {
                    left + detector.moveX < 0 -> {
                        val offset = left
                        left -= offset
                        right -= offset
                    }

                    right + detector.moveX > parentwidth -> {
                        val offset = parentwidth - right
                        left += offset
                        right += offset
                    }

                    else -> {
                        offsetLeftAndRight(detector.moveX.toInt())
                    }
                }

                when {
                    top + detector.moveY < 0 -> {
                        val offset = top
                        top -= offset
                        bottom -= offset
                    }

                    bottom + detector.moveY > parentHeight -> {
                        val offset = parentHeight - bottom
                        top += offset
                        bottom += offset
                    }

                    else -> {
                        offsetTopAndBottom(detector.moveY.toInt())
                    }
                }

                return super.onMove(detector)
            }
        })
        setRotationListener(object : OnSimpleRotateListener() {
            override fun onRotate(detector: BestGestureDetector): Boolean {
                if (canRotation) {
                    this@GestureView.rotation += detector.rotation
                }
                return super.onRotate(detector)
            }
        })
        setScaleListener(object : OnSimpleScaleListener() {
            override fun onScale(detector: BestGestureDetector): Boolean {
                if (canScale) {
                    scaleX *= detector.scaleFactor
                    scaleY *= detector.scaleFactor
                }
                return super.onScale(detector)
            }
        })
    }

    override fun onTouchEvent(event: MotionEvent): Boolean {
        return gesture.onTouchEvent(event)
    }
}

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:tools="http://schemas.android.com/tools">
    <declare-styleable name="GestureView">
        <attr name="canRotation" format="boolean"/>
        <attr name="canScale" format="boolean"/>/>
    </declare-styleable>

    <declare-styleable name="AttachButton">
        <!--是否需要自动吸边-->
        <attr name="customIsAttach" format="boolean" />
        <!--是否可拖曳-->
        <attr name="customIsDrag" format="boolean" />
    </declare-styleable>

</resources>
会发呆的小木鱼
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安卓开发可以拖拽，拖拽后自动吸附到手机屏幕边的自定义view
08-25
安卓开发可以拖拽，拖拽后自动吸附到手机屏幕边的自定义view
Android自定义View实现拖动吸附效果
yihanss的博客
03-22 756
1、既然要实现控件拖动，那么就离不开onTouchEvent()这个方法，需要监听里面的按下和滑动事件。 2、 要实现自动贴边，需要监听onTouchEvent()中手指离开屏幕事件。对于贴边的过程，我们用属性动画来解决。 3、事件的冲突问题也需要考虑，拖动、点击关系到了事件的拦截。
悬浮View，可拖动，放手后自动吸附到屏幕边上。
08-12
自定义的悬浮View，内容可以放任意布局，可以随手指拖动，悬浮后会自动吸附到手机左、右屏幕边上，可以控制是否自动吸附。
自定义一个随意拖拽可吸边的悬浮View
chuyouyinghe的专栏
08-31 990
先定义一个FloatView类，继承自FrameLayout，实现构造方法。创建一个ShapeableImageView，并添加到这个FloatView中。}}}复制代码。
Android自定义View实现拖动自动吸边效果
weixin_38090079的博客
03-11 425
本文实例为大家分享了Android自定义View实现拖动自动吸边的具体代码
Android自定义view实现拖动小球移动
01-20
在View中提供了对touch也就是手势的捕获和传递，我们可以对View里面手势的重写来达到我们所需要的特性。比如说我们现在要做一款游戏，内容很简单，就是要实现让如图所示的一个黑色的小球在根据手指移动而在手机屏幕...
实现自定义view拖动、点击效果
09-03
本文将深入探讨如何实现自定义View的拖动和点击效果，主要通过两种方法进行讲解：一是使用`setOnTouchListener`并重写`onTouch`方法，二是直接在自定义View中实现`onTouchEvent`方法。 ### 方法一：通过`...
Android自定义View实现QQ气泡效果
11-19
本教程将探讨如何利用Android自定义View实现QQ气泡效果，包括手势拖动、贝塞尔曲线绘制以及动态的回弹和爆炸动画。 首先，我们要理解`自定义View`的概念。自定义View是在Android系统提供的基本View类基础上进行扩展...
Android实现跟随手指拖动并自动贴边的View样式(实例demo)
08-31
本文通过实例代码给大家介绍了android实现跟随手指拖动并自动贴边的View样式，效果非常棒，具有参考借鉴价值，需要的朋友参考下吧
Android使用ViewDragHelper实现简单的view拖拽和吸边功能
LitterLy的博客
01-25 3234
工作了几年，最开始做的是安卓开发，后面的做了一段时间逆向和sdk开发，一直没有系统的整理自己的知识，打算从本篇博客开始，陆续复习并记录一下自己的安卓知识 一直不知道怎么排版，先凑合着弄下 实现效果，gif上传被压扁了 ViewDragHelper的用法 viewDragHelper是一个安卓自带的处理拖拽的工具 先看一下viewDragHelper的创建步骤 public...
Android获取当前应用FPS（帧数）
小傲傲的博客
10-12 3191
Android获取本软件（Application）的帧率
MTK平台Android13实现三方launcher为默认
肥匪斐's blogs
06-27 159
目前有遇到客户的定制需求，希望使用三方的launcher作为默认的launcher使用，一般情况下直接将三方launcher通过内置到系统并通过overlay机制即可很方便的实现launcher的替换，但是存在一个问题，需要增加ROM的维护成本。本文通过设备在使用前联网通过后台下发三方launcher到设备安装，并设置为默认的launcher，这样进入设备后即为默认的三方launcher。
【Android】在App里面安装Apk文件
每天不是在写bug就是在写bug的路上
06-28 757
在App里面安装Apk文件
Android中使用startActivityForResult启动活动
qq836869520的博客
06-28 971
方法用于启动一个新的活动（Activity）并期望在该活动完成后返回结果数据给调用方。方法启动目标活动，并传递一个请求码（requestCode），用于标识这次启动请求。方法设置结果代码（resultCode）和可选的结果数据（Intent），然后调用。方法来处理需要返回结果的交互场景，从而实现更加灵活和交互性强的应用程序设计。并关闭后被调用，可以在该方法中获取返回的结果数据并进行处理。方法关闭目标活动并返回结果给调用方。方法，该方法会在目标活动调用。在Android开发中，在调用方活动中，通过调用。
都江堰操作系统（DJYOS）和安卓操作系统（Android）的区别
最新发布
DJYOS都江堰操作系统
06-28 335
应用领域：都江堰操作系统主要应用于实时性和可靠性要求都很高的电力系统控制领域，也广泛适用于物联网系统；安卓主要应用于手机、平板电脑、手表、电视、汽车、可折叠设备和ChromeOS设备。综上所述，都江堰操作系统是一款全新的国产开源操作系统，而安卓是一种基于Linux的开放源代码软件栈，为各类设备和机型而创建，两者在调度核心、应用领域等方面存在着明显的区别。而安卓采用了分层的架构，主要分为应用程序层、应用程序框架层、系统运行库层和Linux内核层。- 调度核心：都江堰操作系统以事件为调度核心；
用Android代码编写自定义可随意拖动顶点的椭圆
02-03
你可以使用Canvas绘制自定义椭圆并通过手势识别(如OnTouchListener)实现顶点的拖动。以下是简单的代码示例： ``` public class CustomEllipseView extends View { private Paint paint; private float centerX, centerY, radiusX, radiusY; private RectF ellipseBounds; public CustomEllipseView(Context context) { super(context); init(); } private void init() { paint = new Paint(); paint.setColor(Color.BLACK); paint.setStyle(Paint.Style.STROKE); paint.setStrokeWidth(10); ellipseBounds = new RectF(); setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View view, MotionEvent event) { switch (event.getActionMasked()) { case MotionEvent.ACTION_DOWN: // 计算顶点位置并判断是否被点击 // 如果点击，则开始拖动 break; case MotionEvent.ACTION_MOVE: // 更新顶点位置 break; case MotionEvent.ACTION_UP: // 结束拖动 break; } view.invalidate(); return true; } }); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); // 计算椭圆边界 // ... canvas.drawOval(ellipseBounds, paint); } } ``` 希望对您有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值