Android自定义悬浮按钮效果

在手机应用开发中，悬浮按钮已经成为了流行的用户界面元素。悬浮按钮可以通过相应的手势实现一些应用操作，比如向上滑动打开应用菜单、向下滑动隐藏悬浮按钮等等。本文将介绍如何使用Android SDK来自定义悬浮按钮效果。

步骤1：创建悬浮按钮控件

为了实现悬浮按钮的效果，需要创建自定义的View控件。下面是一个简单的悬浮按钮控件代码示例。

public class FloatingButtonView extends View {
    private Paint buttonPaint;
    private Paint textPaint;
    private String displayText;
    private RectF buttonRect;

    public FloatingButtonView(Context context) {
        super(context);
        init();
    }

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

    public FloatingButtonView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init(){
        buttonPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        buttonPaint.setColor(Color.RED);

        textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        textPaint.setColor(Color.WHITE);
        textPaint.setTextSize(30f);

        displayText = "Button";

        buttonRect = new RectF(0, 0, 200, 100);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 绘制按钮矩形
        canvas.drawRoundRect(buttonRect, 10f, 10f, buttonPaint);

        // 绘制按钮文字
        Rect textBounds = new Rect();
        textPaint.getTextBounds(displayText, 0, displayText.length(), textBounds);
        int x = (int)(buttonRect.centerX() - textBounds.width()/2f);
        int y = (int)(buttonRect.centerY() + textBounds.height()/2f);
        canvas.drawText(displayText, x, y, textPaint);
    }
}

步骤2：添加悬浮按钮到界面

我们可以将上面创建的自定义View添加到Activity的布局中，当然也可以在Service中创建并添加到屏幕上。下面是一个添加悬浮按钮控件的代码示例。

public class MainActivity extends AppCompatActivity {
    private WindowManager mWindowManager;
    private FloatingButtonView mFloatingButtonView;

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

        // 创建悬浮按钮控件
        mFloatingButtonView = new FloatingButtonView(this);

        // 创建悬浮按钮配置参数
        WindowManager.LayoutParams params = new WindowManager.LayoutParams(
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
                PixelFormat.TRANSLUCENT);

        // 将悬浮按钮添加到屏幕上
        mWindowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
        mWindowManager.addView(mFloatingButtonView, params);
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();

        // 从屏幕上删除悬浮按钮控件
        mWindowManager.removeView(mFloatingButtonView);
    }
}

在上面的代码中，我们创建了一个FloatingButtonView，并将其添加到了屏幕上。注意到我们使用了WindowManager来添加控件，这是因为我们希望悬浮按钮能够在其他应用程序之上显示。

步骤3：添加悬浮按钮的手势操作

默认情况下，我们的悬浮按钮控件并没有实现一些操作。这里我们将添加一些简单的手势操作，让用户可以通过手势来打开应用程序菜单。

public class MainActivity extends AppCompatActivity {
    private WindowManager mWindowManager;
    private FloatingButtonView mFloatingButtonView;

    private float mInitialX;
    private float mInitialY;
    private float mTouchX;
    private float mTouchY;

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

        mFloatingButtonView = new FloatingButtonView(this);

        WindowManager.LayoutParams params = new WindowManager.LayoutParams(
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
                PixelFormat.TRANSLUCENT);

        mWindowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
        mWindowManager.addView(mFloatingButtonView, params);

        // 添加悬浮按钮操作事件
        mFloatingButtonView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()){
                    case MotionEvent.ACTION_DOWN:
                        mInitialX = v.getX();
                        mInitialY = v.getY();

                        mTouchX = event.getRawX();
                        mTouchY = event.getRawY();
                        break;
                    case MotionEvent.ACTION_MOVE:
                        v.setX(mInitialX + event.getRawX() - mTouchX);
                        v.setY(mInitialY + event.getRawY() - mTouchY);
                        break;
                    case MotionEvent.ACTION_UP:
                        if(event.getRawX() == mTouchX && event.getRawY() == mTouchY){
                            // 如果点击操作，则打开应用程序菜单
                            openAppMenu();
                        }
                        break;
                }
                return true;
            }
        });
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();

        mWindowManager.removeView(mFloatingButtonView);
    }

    private void openAppMenu(){
        // 处理应用程序菜单操作
        Toast.makeText(this, "打开应用程序菜单", Toast.LENGTH_SHORT).show();
    }
}

在上面代码中，我们使用setOnTouchListener函数为悬浮按钮添加了触摸事件监听器，这样我们就可以实现相应的操作。

结论

通过上面的步骤，我们实现了一个简单的自定义悬浮按钮效果。我们可以使用Android SDK提供的各种工具和技术来扩展该控件，实现更为强大的操作，比如添加拖拽操作，适应不同分辨率的屏幕等。