Android使用Popupwindow实现悬浮菜单功能

下面要实现这样一个功能，点击“+”打开菜单，再次点击或者点击其他地方关闭菜单，点击菜单里内容实现具体功能

下面是做好的效果图

下面分析一下思路，圆形的悬浮按钮实现方法有很多，就不一一细说了，本文就使用ImageView实现了，

弹出的菜单之前思路有两种，第一种，写布局实现，第二种，弹出PopupWindow实现，很明显，第二种效果要更好一些，本文也是使用的PopupWindow，代码如下：

布局文件：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="fan.popmenu.MainActivity">

    <ImageView
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:id="@+id/iv_menu"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:src="@drawable/new_bj"
        android:scaleType="fitCenter"
        />

</RelativeLayout>

代码：

package fan.popmenu;

import android.animation.ObjectAnimator;
import android.app.Activity;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

    private PopupWindow mMenuPop;
    private ImageView mImageView;

    private int PopWidth;
    private int PopHeight;

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

        mImageView = (ImageView) findViewById(R.id.iv_menu);

        //ImageView点击事件
        mImageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showLevitateMenu();
            }
        });
    }


    /**
     * 显示悬浮菜单
     */
    private void showLevitateMenu(){

        //动画
        mRotate(mImageView);

        //创建popwindow
        getPopMenu();

        //获取ImageView控件在手机屏幕的位置
        int[] location = new int[2];
        mImageView.getLocationOnScreen(location);
        int x = location[0];
        int y = location[1];

        /**
         * popwindow显示的位置
         * 参数一：基于某控件，一般在popupWindow.showAsDropDown()中比较有用，该处作用不大
         * 参数二：见名知意，写默认即可
         * 参数三：popupWindow在屏幕上显示位置的x坐标
         * 参数四：popupWindow在屏幕上显示位置的y左边
         */
        mMenuPop.showAtLocation(mImageView, Gravity.NO_GRAVITY, mImageView.getLeft()-PopWidth+mImageView.getWidth()/4, y+mImageView.getHeight()/2-PopHeight/2);

    }

    //当前旋转的度数
    private int rotate = 0;
    //每次旋转的度数
    private int rotation = 225;
    //判断顺时针转还是逆时针转
    private boolean rotateDirection = true;

    /**
     * 悬浮菜单动画效果
     * @param v
     */
    private void mRotate(View v) {

        ObjectAnimator animator;

        //判断是顺时针旋转还是逆时针旋转
        if(rotateDirection){
            animator = ObjectAnimator.ofFloat(v, "rotation", rotate,rotate-rotation);
            rotate = rotate+rotation;

        }else{
            animator = ObjectAnimator.ofFloat(v, "rotation", rotate,rotate+rotation);
            rotate = rotate-rotation;
        }

        //持续时间
        animator.setDuration(350);
        animator.start();
        rotateDirection = !rotateDirection;
    }


    /**
     * 获取PopupWindow实例 .分类
     */
    private void getPopMenu() {

        if (null != mMenuPop) {

            //动画
            mRotate(mImageView);
            //关闭
            mMenuPop.dismiss();
            mMenuPop = null;
            return;
        } else {
            //初始化popupWindow弹窗
            initMenuPop();
        }
    }


    /**
     * 初始化popWindow
     */
    private void initMenuPop() {
        // 获取自定义布局文件pop.xml的视图
        View view = View.inflate(MainActivity.this, R.layout.item_pop_levitate_menu, null);

        //测量view的宽高，由于popupwindow没有测量的方法，只能测量内部view的宽高
        int w = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED);
        int h = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED);
        view.measure(w, h);
        PopWidth = view.getMeasuredWidth();
        PopHeight = view.getMeasuredHeight();

        //下面这两个必须有！！
        view.setFocusable(true);
        view.setFocusableInTouchMode(true);
        // PopupWindow(布局，宽度，高度) 注意，此处宽高应为-2也就是wrap_content
        mMenuPop = new PopupWindow(view, -2, -2, true);

        // 重写onKeyListener,按返回键消失
        view.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if (keyCode == KeyEvent.KEYCODE_BACK) {

                    mRotate(mImageView);
                    mMenuPop.dismiss();
                    mMenuPop = null;
                    return true;
                }
                return false;
            }
        });

        //点击其他地方消失
        view.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (mMenuPop != null && mMenuPop.isShowing()) {
                    mRotate(mImageView);
                    mMenuPop.dismiss();
                    mMenuPop = null;
                    return true;
                }
                return false;
            }
        });

        final TextView tv_newClue = (TextView) view.findViewById(R.id.tv_newClue);
        final TextView tv_Edit = (TextView) view.findViewById(R.id.tv_edit);

        //新建线索
        tv_newClue.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                Toast.makeText(MainActivity.this,"点击了"+tv_newClue.getText().toString(),Toast.LENGTH_SHORT).show();

                mRotate(mImageView);
                mMenuPop.dismiss();
                mMenuPop = null;

            }
        });

        //编辑
        tv_Edit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                Toast.makeText(MainActivity.this,"点击了"+tv_Edit.getText().toString(),Toast.LENGTH_SHORT).show();

                mRotate(mImageView);
                mMenuPop.dismiss();
                mMenuPop = null;

            }
        });

    }
}

好了，以上就是全部实现过程！求大神指点~

点击下载代码