美文网首页
悬浮按钮,可拖动

悬浮按钮,可拖动

作者: 码农_小斌哥 | 来源:发表于2022-05-19 17:16 被阅读0次
public class MyFloatBtn extends ImageView {
    private static final String TAG = "MyFloatBtn";
    private int mLastX, mLastY;//按下时的X,Y坐标
    private int mDownX, mDownY;//按下时的X,Y坐标 用来计算移动的距离
    private int mScreenWidth, mScreenHeight;//ViewTree的宽和高
    // 重写了所有的构造函数,因为不知道会用哪种
    // 每个构造函数都进行了数据的初始化,即获取屏幕的高度和宽度
    public MyFloatBtn(Context context) {
        super(context);
        initData(context);
    }

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

    public MyFloatBtn(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initData(context);
    }
    // 初始化数据:高度和宽度。看上去没啥问题,但是运行的时候浮动按钮的一部分会跑到虚拟导航栏的下面,也就是说获取的高度超过了显示的部分,但是宽度是正常的。
    private void initData(Context context) {
        DisplayMetrics metrics = context.getResources().getDisplayMetrics();
        mScreenHeight = metrics.heightPixels;
        mScreenWidth = metrics.widthPixels;
    }

    // 重写onTouchEvent方法,主要在这个方法里面来处理点击和拖动事件
    @Override
    public boolean onTouchEvent(@NonNull MotionEvent ev) {
        int actionId = ev.getAction();
        // Log.i(TAG, "onTouchEvent: " + actionId);
        switch (actionId) {
            // 无论是拖动还是点击 都需要先按下去,所以在这个case里记录按钮按下时的坐标
            case MotionEvent.ACTION_DOWN:
                // Log.i(TAG, "onTouchEvent: " + "DOWN");
                mLastX = (int) ev.getRawX();// getRawX: 获取的距离屏幕边缘的距离,而不是组件的
                mLastY = (int) ev.getRawY();
                mDownX = mLastX;// 判断是点击事件还是拖动事件时需要用到
                mDownY = mLastY;
                break;
            // 抬起事件:无论是拖动还是点击,完成之后都需要抬起按钮,在这个case里判断是拖动按钮还是点击按钮,主要是通过移动的距离来判断的,如果移动的距离超过5则认为是拖动,否则就是点击事件。如果是拖动事件则需要在此消费掉此事件,不会再执行onClick的方法。
            case MotionEvent.ACTION_UP:
                // Log.i(TAG, "onTouchEvent: " + "UP");
                if (calculateDistance(mDownX, mDownY, (int) ev.getRawX(), (int) ev.getRawY()) <= 5) {
                    Log.i(TAG, "onTouchEvent: 点击事件");
                } else {
                    Log.i(TAG, "onTouchEvent: 拖动事件");
                    // 消费掉此事件
                    return true;
                }
                break;
            // 移动事件:根据移动之后的位置进行重绘
            case MotionEvent.ACTION_MOVE:
                int dx = (int) ev.getRawX() - mLastX;//x方向的偏移量
                int dy = (int) ev.getRawY() - mLastY;//y方向的偏移量
                // getLeft(): Left position of this view relative to its parent.
                // 计算组件此时的位置,距离父容器上下左右的距离=偏移量 + 原来的距离
                int left = getLeft() + dx;
                int top = getTop() + dy;
                int right = getRight() + dx;
                int bottom = getBottom() + dy;
                /*if (dy < 0) {
                    Log.i(TAG, "onTouchEvent: 向上拖动");
                } else {
                    Log.i(TAG, "onTouchEvent: 向下拖动");
                }
                if (dx < 0) {
                    Log.i(TAG, "onTouchEvent: 向左拖动");
                } else {
                    Log.i(TAG, "onTouchEvent: 向右拖动");
                }*/
                mLastX = (int) ev.getRawX();
                mLastY = (int) ev.getRawY();
                if (top < 0) {
                    // 移出了上边界
                    top = 0;
                    bottom = getHeight();
                }
                if (left < 0) {
                    // 移出了左边界
                    left = 0;
                    right = getWidth();
                }
                if (bottom > mScreenHeight) {
                    // 移出了下边界
                    bottom = mScreenHeight;
                    top = bottom - getHeight();
                }
                if (right > mScreenWidth) {
                    // 移出了右边界
                    right = mScreenWidth;
                    left = right - getWidth();
                }
                layout(left, top, right, bottom);
                break;
            default:
                break;
        }
        return super.onTouchEvent(ev);
    }
    // get the distance between (downX, downY) and (lastX, lastY)
    private int calculateDistance(int downX, int downY, int lastX, int lastY) {
        return (int) Math.sqrt(Math.pow(1.0f * (lastX - downX), 2.0) + Math.pow((lastY - downY) * 1.0f, 2.0));
    }
}


添加布局文件

 <com.blockdata.common.utils.MyFloatBtn
            android:id="@+id/ft_start_sb"
            android:layout_width="@dimen/ui_dp_100"
            android:layout_height="@dimen/ui_dp_100"
            android:visibility="visible"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:layout_marginRight="@dimen/ui_dp_10"
            android:layout_marginBottom="@dimen/ui_dp_100"/>

相关文章

网友评论

      本文标题:悬浮按钮,可拖动

      本文链接:https://www.haomeiwen.com/subject/dpitprtx.html