PathButtonView 控件

参考：鸿洋 ArcMenu 点此跳转

参考了鸿洋的动态添加按钮，在基础上增加了左右上下中间的按钮。

纯属练手。

效果图：

使用自定义属性，对外提供参数设置方法，点击监听。

动态添加按钮个数

private void init() {        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(                    LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);        for (int i = 0; i < count; i++) {            ImageView view = new ImageView(getContext());            view.setScaleType(ScaleType.CENTER_INSIDE);            view.setImageResource(res[i]);            view.setBackgroundResource(R.drawable.bg_pathsons);            view.setVisibility(View.GONE);            view.setTag(i);            addView(view, params);        }        LayoutInflater.from(getContext()).inflate(R.layout.listformat_pathbutton, this);        home = (ImageView) findViewById(R.id.home);        homeStart = ObjectAnimator.ofFloat(home, "rotation", 0f, 135f).setDuration(300);        homeEnd = ObjectAnimator.ofFloat(home, "rotation", 135f, 0f).setDuration(300);        home.setOnClickListener(this);    }

核心部分，主按钮放置，卫星按钮摆放。

// 确定位置    @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        if (changed) {            cheakHomeLayout();            Log.d("Radius", "Radius= " + radius);            if (mPosition == Position.LEFT_CENTER || mPosition == Position.RIGHT_CENTER                    || mPosition == Position.TOP_CENTER || mPosition == Position.BOTTOM_CENTER) {                double angle = 0;                if (mPosition == Position.TOP_CENTER || mPosition == Position.BOTTOM_CENTER) {                    angle = Math.PI / 2;                }                for (int i = 1; i < count + 1; i++) {                    View view = getChildAt(i - 1);                    int ml = (int) (Math.sin(Math.PI / (count + 1) * i + angle) * radius);                    int mt = (int) (Math.cos(Math.PI / (count + 1) * i + angle) * radius);                    int mWidth = view.getMeasuredWidth();                    int mHeight = view.getMeasuredHeight();                    if (mPosition == Position.LEFT_CENTER) {                        mt = getMeasuredHeight() / 2 - mHeight / 2 - mt;                    } else if (mPosition == Position.RIGHT_CENTER) {                        mt = getMeasuredHeight() / 2 - mHeight / 2 - mt;                        ml = getMeasuredWidth() - mWidth - ml;                    } else if (mPosition == Position.TOP_CENTER) {                        ml = getMeasuredWidth() / 2 - mWidth / 2 - ml;                        mt = -mt;                    } else if (mPosition == Position.BOTTOM_CENTER) {                        ml = getMeasuredWidth() / 2 - mWidth / 2 - ml;                        mt = getMeasuredHeight() - mHeight + mt;                    }                    Log.d("child", "Left= " + ml + "Top= " + mt);                    view.layout(ml, mt, ml + mWidth, mt + mHeight);                }            } else {                for (int i = 0; i < count; i++) {                    View view = getChildAt(i);                    int mt = (int) (Math.sin(Math.PI / 2 / (count - 1) * i) * radius);                    int ml = (int) (Math.cos(Math.PI / 2 / (count - 1) * i) * radius);                    int mWidth = view.getMeasuredWidth();                    int mHeight = view.getMeasuredHeight();                    if (mPosition == Position.LEFT_BOTTOM || mPosition == Position.RIGHT_BOTTOM) {                        mt = getMeasuredHeight() - mHeight - mt;                    }                    if (mPosition == Position.RIGHT_TOP || mPosition == Position.RIGHT_BOTTOM) {                        ml = getMeasuredWidth() - mWidth - ml;                    }                    Log.d("child", "Left= " + ml + "Top= " + mt);                    view.layout(ml, mt, ml + mWidth, mt + mHeight);                }            }        }    }    private int homeX = 0, homeY = 0;//主键坐标位置    private void cheakHomeLayout() {        View v = getChildAt(getChildCount() - 1);        v.setOnClickListener(this);        int t = 0;        int l = 0;        int width = v.getMeasuredWidth();        int height = v.getMeasuredHeight();        switch (mPosition) {        case LEFT_TOP:            t = 0;            l = 0;            break;        case LEFT_CENTER:            t = getMeasuredHeight() / 2 - height / 2;            l = 0;            break;        case LEFT_BOTTOM:            t = getMeasuredHeight() - height;            l = 0;            break;        case RIGHT_TOP:            t = 0;            l = getMeasuredWidth() - width;            break;        case RIGHT_CENTER:            t = getMeasuredHeight() / 2 - height / 2;            l = getMeasuredWidth() - width;            break;        case RIGHT_BOTTOM:            t = getMeasuredHeight() - height;            l = getMeasuredWidth() - width;            break;        case TOP_CENTER:            t = 0;            l = getMeasuredWidth() / 2 - width / 2;            break;        case BOTTOM_CENTER:            t = getMeasuredHeight() - height;            l = getMeasuredWidth() / 2 - width / 2;            break;        }        Log.d("Home", "Left= " + l + "Top= " + t);        homeX = l + width / 2;        homeY = t + height+height/2;        v.layout(l, t, l + width, t + height);    }

点击事件，主键点击展开/收缩

@Override    public void onClick(View v) {        if (v.getId() == R.id.home) {            homeAnim();//主键动画            toggleMenu(druation);//卫星按钮动画            changeState();//展开/收缩状态改变        }    }    private void homeAnim() {        if (isOpened)            //收缩动画            homeEnd.start();        else            //展开动画            homeStart.start();    }    private void toggleMenu(int druation) {        int childCount = getChildCount();        double angle = 0;        if (mPosition == Position.TOP_CENTER || mPosition == Position.BOTTOM_CENTER) {            angle = Math.PI / 2;        }        for (int i = 0; i < childCount - 1; i++) {            final View v = getChildAt(i);            int ct = 0, cl = 0;            int[] location = new int[2];            v.getLocationOnScreen(location);            //获取卫星按钮与主按键位置的差值            cl = homeX - location[0] - v.getWidth() / 2;            ct = homeY - location[1] - v.getHeight() / 2;            v.setVisibility(View.VISIBLE);            AnimationSet animSet = new AnimationSet(true);            TranslateAnimation transAnim = null;            AlphaAnimation alphaAnim = null;            RotateAnimation rotateAnim = null;            if (isOpened) {                // 关闭                transAnim = new TranslateAnimation(0, cl, 0,ct);                alphaAnim = new AlphaAnimation(1, 0);                rotateAnim = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF,0.5f);                v.setClickable(false);                v.setFocusable(false);            } else {                // 打开                transAnim = new TranslateAnimation( cl, 0,ct, 0);                alphaAnim = new AlphaAnimation(0, 1);                rotateAnim = new RotateAnimation(-360, 0, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f);                v.setClickable(true);                v.setFocusable(true);            }            transAnim.setStartOffset((i * 70));            animSet.addAnimation(rotateAnim);            animSet.addAnimation(transAnim);            animSet.addAnimation(alphaAnim);            animSet.setDuration(druation);            animSet.setFillAfter(true);            final int index = i;            //卫星按钮点击接口s            v.setOnClickListener(new OnClickListener() {                @Override                public void onClick(View v) {                    if (mOnMenuItemClickListener != null)                        mOnMenuItemClickListener.onClick(v, index);                    menuItemAnim(index);//点击后卫星按钮状态改变动画                    homeAnim();                    changeState();                    Log.d("item", "第 "+ index +"按钮");                }            });            animSet.setAnimationListener(new AnimationListener() {                @Override                public void onAnimationStart(Animation animation) {                    // TODO Auto-generated method stub                }                @Override                public void onAnimationRepeat(Animation animation) {                    // TODO Auto-generated method stub                }                @Override                public void onAnimationEnd(Animation animation) {                    if (!isOpened)                        v.setVisibility(View.GONE);                }            });            v.startAnimation(animSet);        }    }    //卫星按钮点击状态改变动画    private void menuItemAnim(int index) {        for (int i = 0; i < getChildCount() - 1; i++) {            View v = getChildAt(i);            if (i == index) {                v.startAnimation(scaleBigItem(400));            } else {                v.startAnimation(scaleSmallItem(400));            }            v.setClickable(false);            v.setFocusable(false);        }    }    //缩小    private Animation scaleSmallItem(int duration) {        ScaleAnimation anim = new ScaleAnimation(1f, 0, 1f, 0, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);        anim.setDuration(duration);        anim.setFillAfter(true);        return anim;    }    //放大    private Animation scaleBigItem(int duration) {        AnimationSet setAnim = new AnimationSet(true);        ScaleAnimation anim = new ScaleAnimation(1f, 1.5f, 1f, 1.5f, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);        AlphaAnimation alphaAnim = new AlphaAnimation(1f, 0);        setAnim.addAnimation(anim);        setAnim.addAnimation(alphaAnim);        setAnim.setDuration(duration);        setAnim.setFillAfter(true);        return setAnim;    }

改变按钮状态 展开/收缩
对外提供状态查询

    private void changeState() {        isOpened = !isOpened;    }    public boolean isOpened() {        return isOpened;    }

卫星按钮点击接口

    private OnMenuItemClickListener mOnMenuItemClickListener;    public void setOnMenuItemClickListener(OnMenuItemClickListener mOnMenuItemClickListener) {        this.mOnMenuItemClickListener = mOnMenuItemClickListener;    }    public interface OnMenuItemClickListener {        void onClick(View view, int index);    }

属性设置

    private int count = 5;//默认卫星按钮个数    private int radius = 100;//默认半径    private Position mPosition = Position.RIGHT_BOTTOM;    //默认卫星按钮图片资源 防止设置资源时脚标越界    private int[] res = new int[30] { R.drawable.home, R.drawable.download, R.drawable.setting, R.drawable.light,R.drawable.location };    //设置卫星按钮个数    public void setChildCount(int count) {        this.count = count;    }    //设置半径    public void setRadius(int radius) {        this.radius = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, radius*1f, getResources().getDisplayMetrics());    }    //设置按钮位置    public void setPosition(Position mPosition) {        this.mPosition = mPosition;    }    //设置卫星按钮图片资源    public void setRes(int[] res) {        for (int i = 0; i < res.length; i++) {            this.res[i] = res[i];        }    }    //位置    public enum Position {        LEFT_TOP, LEFT_CENTER, LEFT_BOTTOM, RIGHT_TOP,         RIGHT_CENTER,RIGHT_BOTTOM, TOP_CENTER, BOTTOM_CENTER;    }    //动画持续时间    private int  = 600;    public void setDruation(int druation) {        this.druation = druation;    }

Demo戳我下载