Android 炫酷菜单

https://github.com/Nightonke/BoomMenu/wiki/Text-Inside-Circle-Button


compile 'com.nightonke:boommenu:2.0.3'

菜单的位置是可以设置的  , 形状也可以,背景颜色也可以

这个有N种样式,可去下载Apk 挑选

MainXML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.as.mydemo777.MainActivity">

    <com.nightonke.boommenu.BoomMenuButton
        app:bmb_normalColor="#f00"
        android:id="@+id/bmb1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <com.nightonke.boommenu.BoomMenuButton
        app:bmb_normalColor="#ffa600"
        android:id="@+id/bmb2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <com.nightonke.boommenu.BoomMenuButton
        app:bmb_normalColor="#ff0"
        android:id="@+id/bmb3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <com.nightonke.boommenu.BoomMenuButton
        app:bmb_normalColor="#00ff15"
        android:id="@+id/bmb4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <com.nightonke.boommenu.BoomMenuButton
        app:bmb_normalColor="#00ffff"
        android:id="@+id/bmb5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <com.nightonke.boommenu.BoomMenuButton
        app:bmb_normalColor="#002fff"
        android:id="@+id/bmb6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:bmb_highlightedColor="@android:color/holo_orange_dark"
        app:bmb_buttonEnum="simpleCircle"
        app:bmb_piecePlaceEnum="piecePlace_dot_9_1"
        app:bmb_buttonPlaceEnum="buttonPlace_sc_9_1"
        app:bmb_showMoveEaseEnum="outBounce"
        app:bmb_showScaleEaseEnum="outBounce"
        app:bmb_showRotateEaseEnum="outBounce"
        app:bmb_hideMoveEaseEnum="outBounce"
        app:bmb_hideScaleEaseEnum="outBounce"
        app:bmb_hideRotateEaseEnum="outBounce"
        />


</LinearLayout>

MainAc


public class MainActivity extends AppCompatActivity  {

    private BoomMenuButton bmb1;
    private BoomMenuButton bmb2;
    private BoomMenuButton bmb3;
    private BoomMenuButton bmb4;
    private BoomMenuButton bmb5;
    private BoomMenuButton bmb6;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        bmb1.setButtonEnum(ButtonEnum.SimpleCircle);
        bmb1.setPiecePlaceEnum(PiecePlaceEnum.DOT_1);//注意 他的_1  _2  _3 分别都是排列的方式
        bmb1.setButtonPlaceEnum(ButtonPlaceEnum.SC_1);
        SimpleCircleButton.Builder simpleCircleButtonBuilder1 = new SimpleCircleButton.Builder();
        simpleCircleButtonBuilder1.normalImageRes(R.drawable.bat);
        bmb1.addBuilder(simpleCircleButtonBuilder1);


        bmb2.setButtonEnum(ButtonEnum.SimpleCircle);
        bmb2.setPiecePlaceEnum(PiecePlaceEnum.DOT_2_1);//注意 他的中间  _2  是表示几个图  对应的Builder 也要有
        bmb2.setButtonPlaceEnum(ButtonPlaceEnum.SC_2_1);
        for (int i = 0; i < 2; i++) {
            SimpleCircleButton.Builder simpleCircleButtonBuilder = new SimpleCircleButton.Builder();
            simpleCircleButtonBuilder.normalImageRes(R.drawable.bear);
            bmb2.addBuilder(simpleCircleButtonBuilder);
        }

        bmb3.setButtonEnum(ButtonEnum.TextInsideCircle);
        bmb3.setPiecePlaceEnum(PiecePlaceEnum.DOT_3_1);
        bmb3.setButtonPlaceEnum(ButtonPlaceEnum.SC_3_1);
        for (int i = 0; i < 3; i++) {
            TextInsideCircleButton.Builder builder = new TextInsideCircleButton.Builder();
            builder.normalImageRes(R.drawable.bear);
            builder.normalTextRes(R.string.app_name);//注意 textRes  和 text 是不同的 前者带有跑马灯效果
            bmb3.addBuilder(builder);
        }



        bmb4.setButtonEnum(ButtonEnum.TextOutsideCircle);
        bmb4.setPiecePlaceEnum(PiecePlaceEnum.DOT_4_1);
        bmb4.setButtonPlaceEnum(ButtonPlaceEnum.SC_4_2);
        for (int i = 0; i < 4; i++) {
            TextOutsideCircleButton.Builder xxx = new TextOutsideCircleButton.Builder();
            xxx.normalImageRes(R.drawable.bear);
            xxx.normalTextRes(R.string.app_name);//不知道为啥 就是动不了
            bmb4.addBuilder(xxx);
        }

        bmb5.setButtonEnum(ButtonEnum.Ham);
        bmb5.setPiecePlaceEnum(PiecePlaceEnum.HAM_5);
        bmb5.setButtonPlaceEnum(ButtonPlaceEnum.HAM_5);
        for (int i = 0; i < 5; i++) {

            HamButton.Builder simpleCircleButtonBuilder = new HamButton.Builder();
            simpleCircleButtonBuilder.normalImageRes(R.drawable.bear);
            simpleCircleButtonBuilder.normalText("不知道为啥他也动不了");
//            simpleCircleButtonBuilder.normalTextRes(R.string.text);
            bmb5.addBuilder(simpleCircleButtonBuilder);
        }


//        bmb6.setButtonEnum(ButtonEnum.SimpleCircle);
//        bmb6.setPiecePlaceEnum(PiecePlaceEnum.DOT_9_2);
//        bmb6.setButtonPlaceEnum(ButtonPlaceEnum.SC_9_1);
//        bmb6.setShowMoveEaseEnum(EaseEnum.EaseInOutQuad);
//        bmb6.setShowScaleEaseEnum(EaseEnum.EaseInOutQuad);
//        bmb6.setShowRotateEaseEnum(EaseEnum.EaseInOutQuad);
//        bmb6.setHideMoveEaseEnum(EaseEnum.EaseInOutQuad);
//        bmb6.setHideScaleEaseEnum(EaseEnum.EaseInOutQuad);
//        bmb6.setHideRotateEaseEnum(EaseEnum.EaseInOutQuad);
//        bmb6.setShowDelay(0);
//        bmb6.setHideDelay(0);
        for (int i = 0; i < 9; i++) {
            SimpleCircleButton.Builder simpleCircleButtonBuilder = new SimpleCircleButton.Builder();
            simpleCircleButtonBuilder.normalImageRes(R.drawable.bear);
            bmb6.addBuilder(simpleCircleButtonBuilder);
        }

        bmb6.setAutoHide(false);
        bmb6.setOnBoomListener(new OnBoomListener() {
            @Override
            public void onClicked(int index, BoomButton boomButton) {
                Toast.makeText(MainActivity.this, ""+index, Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onBackgroundClick() {

            }

            @Override
            public void onBoomWillHide() {

            }

            @Override
            public void onBoomDidHide() {

            }

            @Override
            public void onBoomWillShow() {

            }

            @Override
            public void onBoomDidShow() {

            }
        });
    }

    private void initView() {
        bmb1 = (BoomMenuButton) findViewById(R.id.bmb1);
        bmb2 = (BoomMenuButton) findViewById(R.id.bmb2);
        bmb3 = (BoomMenuButton) findViewById(R.id.bmb3);
        bmb4 = (BoomMenuButton) findViewById(R.id.bmb4);
        bmb5 = (BoomMenuButton) findViewById(R.id.bmb5);
        bmb6 = (BoomMenuButton) findViewById(R.id.bmb6);
    }

}

 

package com.zhy.view; import android.content.Context; import android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.util.Log; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.VelocityTracker; import android.view.View; import android.view.ViewConfiguration; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; import com.zhy.ccbCricleMenu.R; public class CircleMenuLayout extends ViewGroup { /** * layout的半径 */ private int mRadius; private float mMaxChildDimesionRadio = 1 / 4f; private float mCenterItemDimesionRadio = 1 / 3f; private LayoutInflater mInflater; private double mStartAngle = 0; private String[] mItemTexts = new String[] { "安全中心 ", "特色服务", "投资理财", "转账汇款", "我的账户", "信用卡" }; private int[] mItemImgs = new int[] { R.drawable.home_mbank_1_normal, R.drawable.home_mbank_2_normal, R.drawable.home_mbank_3_normal, R.drawable.home_mbank_4_normal, R.drawable.home_mbank_5_normal, R.drawable.home_mbank_6_normal }; private int mTouchSlop; /** * 加速度检测 */ private float mDownAngle; private float mTmpAngle; private long mDownTime; private boolean isFling; public CircleMenuLayout(Context context, AttributeSet attrs) { super(context, attrs); mInflater = LayoutInflater.from(context); for (int i = 0; i < mItemImgs.length; i++) { final int j = i; View view = mInflater.inflate(R.layout.turnpalte_inner_view, this, false); ImageView iv = (ImageView) view .findViewById(R.id.id_circle_menu_item_image); TextView tv = (TextView) view .findViewById(R.id.id_circle_menu_item_text); iv.setImageResource(mItemImgs[i]); tv.setText(mItemTexts[i]); view.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getContext(), mItemTexts[j], Toast.LENGTH_SHORT).show(); } }); addView(view); } mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { setMeasuredDimension(getSuggestedMinimumWidth(), getSuggestedMinimumHeight()); // 获得半径 mRadius = Math.max(getWidth(), getHeight()); final int count = getChildCount(); // Log.e("TAG", count + ""); int childSize = (int) (mRadius * mMaxChildDimesionRadio); int childMode = MeasureSpec.EXACTLY; for (int i = 0; i < count; i++) { final View child = getChildAt(i); if (child.getVisibility() == GONE) { continue; } int makeMeasureSpec = -1; if (child.getId() == R.id.id_circle_menu_item_center) { makeMeasureSpec = MeasureSpec.makeMeasureSpec( (int) (mRadius * mCenterItemDimesionRadio), childMode); } else { makeMeasureSpec = MeasureSpec.makeMeasureSpec(childSize, childMode); } child.measure(makeMeasureSpec, makeMeasureSpec); } } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { int layoutWidth = r - l; int layoutHeight = b - t; int layoutRadius = Math.max(layoutWidth, layoutHeight); // Laying out the child views final int childCount = getChildCount(); int left, top; int radius = (int) (layoutRadius * mMaxChildDimesionRadio); float angleDelay = 360 / (getChildCount() - 1); for (int i = 0; i < childCount; i++) { final View child = getChildAt(i); if (child.getId() == R.id.id_circle_menu_item_center) continue; if (child.getVisibility() == GONE) { continue; } mStartAngle %= 360; float tmp = layoutRadius * 1f / 3 - 1 / 22f * layoutRadius; left = layoutRadius / 2 + (int) Math.round(tmp * Math.cos(Math.toRadians(mStartAngle)) - 1 / 2f * radius); top = layoutRadius / 2 + (int) Math.round(tmp * Math.sin(Math.toRadians(mStartAngle)) - 1 / 2f * radius); // Log.e("TAG", "left = " + left + " , top = " + top); child.layout(left, top, left + radius, top + radius); mStartAngle += angleDelay; } View cView = findViewById(R.id.id_circle_menu_item_center); cView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getContext(), "you can do something just like ccb ", Toast.LENGTH_SHORT).show(); } }); // Log.e("TAG", // cView.getMeasuredWidth() + " , " + cView.getMeasuredWidth()); int cl = layoutRadius / 2 - cView.getMeasuredWidth() / 2; int cr = cl + cView.getMeasuredWidth(); cView.layout(cl, cl, cr, cr); } private float mLastX; private float mLastY; private FlingRunnable mFlingRunnable; // @Override // public boolean onTouchEvent(MotionEvent event) // { // } @Override public boolean dispatchTouchEvent(MotionEvent event) { float x = event.getX(); float y = event.getY(); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: mLastX = x; mLastY = y; mDownAngle = getAngle(x, y); mDownTime = System.currentTimeMillis(); mTmpAngle = 0; if (isFling) { removeCallbacks(mFlingRunnable); isFling = false; return true ; } break; case MotionEvent.ACTION_MOVE: float start = getAngle(mLastX, mLastY); float end = getAngle(x, y); // Log.e("TAG", "start = " + start + " , end =" + end); if (getQuadrant(x, y) == 1 || getQuadrant(x, y) == 4) { mStartAngle += end - start; mTmpAngle += end - start; } else { mStartAngle += start - end; mTmpAngle += start - end; } // rotateButtons((float) (mStartAngle - currentAngle)); requestLayout(); mLastX = x; mLastY = y; break; case MotionEvent.ACTION_UP: float anglePrMillionSecond = mTmpAngle * 1000 / (System.currentTimeMillis() - mDownTime); Log.e("TAG", anglePrMillionSecond + " , mTmpAngel = " + mTmpAngle); if (Math.abs(anglePrMillionSecond) > 230 && !isFling) { post(mFlingRunnable = new FlingRunnable(anglePrMillionSecond)); } if(Math.abs(anglePrMillionSecond) >230 || isFling) { return true ; } break; } return super.dispatchTouchEvent(event); } private float getAngle(float xTouch, float yTouch) { double x = xTouch - (mRadius / 2d); double y = yTouch - (mRadius / 2d); return (float) (Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI); } private int getQuadrant(float x, float y) { int tmpX = (int) (x - mRadius / 2); int tmpY = (int) (y - mRadius / 2); if (tmpX >= 0) { return tmpY >= 0 ? 4 : 1; } else { return tmpY >= 0 ? 3 : 2; } } private class FlingRunnable implements Runnable { private float velocity; public FlingRunnable(float velocity) { this.velocity = velocity; } public void run() { if ((int) Math.abs(velocity) < 20) { isFling = false; return; } isFling = true; // rotateButtons(velocity / 75); mStartAngle += (velocity / 30); velocity /= 1.0666F; postDelayed(this, 30); requestLayout(); Log.e("TAG", velocity + ""); } } }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值