android 可拖动的悬浮按钮

Android可拖动的悬浮按钮

引言

在现代的Android应用程序中，悬浮按钮（Floating Action Button）作为一种常见的用户界面元素，用于提供快速的操作入口。通常，悬浮按钮位于屏幕的底部或右下角，并且可以随着用户的手势进行拖动。本文将介绍如何实现一个可拖动的悬浮按钮，并通过代码示例解释实现的细节。

实现思路

要实现可拖动的悬浮按钮，我们需要以下步骤：

1. 创建一个自定义的View，继承自View类，用于显示悬浮按钮的图标和背景。
2. 在自定义的View中处理用户手势，以便实现按钮的拖动效果。
3. 使用WindowManager将自定义的View添加到屏幕上，并设置其显示位置。

代码示例

创建自定义View

首先，我们创建一个名为DraggableFloatingActionButton的类，继承自View类，并重写onDraw方法以绘制按钮的图标和背景。

public class DraggableFloatingActionButton extends View {

    private Drawable mIcon;
    private Paint mBackgroundPaint;

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

    private void init() {
        // 初始化图标和背景
        mIcon = getResources().getDrawable(R.drawable.ic_fab_icon);
        mBackgroundPaint = new Paint();
        mBackgroundPaint.setColor(Color.BLUE);
        // 其他初始化代码...
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int width = getWidth();
        int height = getHeight();
        
        // 绘制背景
        canvas.drawCircle(width / 2, height / 2, Math.min(width, height) / 2, mBackgroundPaint);

        // 绘制图标
        int iconWidth = mIcon.getIntrinsicWidth();
        int iconHeight = mIcon.getIntrinsicHeight();
        int x = (width - iconWidth) / 2;
        int y = (height - iconHeight) / 2;
        mIcon.setBounds(x, y, x + iconWidth, y + iconHeight);
        mIcon.draw(canvas);
    }
}

处理手势

接下来，我们需要在DraggableFloatingActionButton中处理用户手势，以实现按钮的拖动效果。我们可以通过重写onTouchEvent方法来处理触摸事件，并使用ViewPropertyAnimator实现平滑的动画效果。

public class DraggableFloatingActionButton extends View {

    // ...

    private float mLastTouchX;
    private float mLastTouchY;
    private float mStartX;
    private float mStartY;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x = event.getRawX();
        float y = event.getRawY();

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 记录初始位置
                mLastTouchX = x;
                mLastTouchY = y;
                mStartX = getX();
                mStartY = getY();
                break;
            case MotionEvent.ACTION_MOVE:
                // 计算偏移量
                float offsetX = x - mLastTouchX;
                float offsetY = y - mLastTouchY;
                // 更新位置
                setX(mStartX + offsetX);
                setY(mStartY + offsetY);
                break;
            case MotionEvent.ACTION_UP:
                // 处理按钮点击事件
                performClick();
                break;
        }

        return true;
    }
}

添加到屏幕上

最后，我们使用WindowManager将DraggableFloatingActionButton添加到屏幕上。在这个例子中，我们将按钮添加到屏幕的右下角。

public class MainActivity extends AppCompatActivity {

    private WindowManager mWindowManager;
    private WindowManager.LayoutParams mLayoutParams;
    private DraggableFloatingActionButton mFloatingButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWindowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
        mLayoutParams = new WindowManager.LayoutParams(
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
                PixelFormat.TRANSLUCENT);

        mLayoutParams.gravity = Gravity.BOTTOM | Gravity.END;
        mLayoutParams.x = 16;
        mLayoutParams.y = 16;

        mFloatingButton = new DraggableFloatingActionButton(this, null);
        mWindowManager.addView(mFloatingButton, mLayoutParams);
    }

    @Override