Android 旋转盘导航栏

1.直接上源码：

package com.you.arc;import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;public class ArcFramelayout extends FrameLayout {private final String TAG = "ArcFramelayout";private Paint redPaint = new Paint();private Paint bluePaint = new Paint();private Paint greenPaint = new Paint();private boolean isLayout;private float[] srcDegreesArr = null;private float[] moveDegreesArr = null;private float defaultDegrees;private float minGapDg = 360f;private final int DEFAULT_INDEX = 2;private OnArcItemListener onItemSelectedListener;public void setOnArcItemListener(OnArcItemListener onItemSelectedListener) {this.onItemSelectedListener = onItemSelectedListener;}public interface OnArcItemListener {void onItemSelected(int pos);void onItemClick(int viewId);}public ArcFramelayout(Context context) {this(context, null);}public ArcFramelayout(Context context, @Nullable AttributeSet attrs) {this(context, attrs, 0);}public ArcFramelayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);redPaint.setColor(Color.RED);redPaint.setStyle(Paint.Style.FILL_AND_STROKE);redPaint.setAntiAlias(true);bluePaint.setColor(Color.BLUE);bluePaint.setStyle(Paint.Style.FILL_AND_STROKE);bluePaint.setAntiAlias(true);greenPaint.setColor(Color.GREEN);greenPaint.setStyle(Paint.Style.FILL_AND_STROKE);greenPaint.setAntiAlias(true);greenPaint.setStrokeWidth(9);}private float mDx, mDy, sweepAngle;//按下坐标值private int action;@Overridepublic boolean onTouchEvent(MotionEvent event) {this.action = event.getAction();switch (event.getAction()) {case MotionEvent.ACTION_DOWN:mDx = event.getX();mDy = event.getY();Log.i(TAG, "down=mDx=" + mDx + ",mDy=" + mDy);break;case MotionEvent.ACTION_MOVE:float mx = event.getX();float my = event.getY();float disW = mx - mDx;//x轴滑动距离float disH = my - mDy;//y轴滑动距离if (!isLayout) {if (Math.abs(disW) > Math.abs(disH)) {//滑动轴判断(这个条件可根据实际需求判断)if (disW > 0) {//往右滑touchHandle(mDy < oval.centerY());Log.i(TAG, "move=往右滑=mDx=" + mDx + ",mDy=" + mDy + ",mx=" + mx + ",my=" + my + ",disW=" + disW + ",disH=" + disH);} else {//往左滑touchHandle(mDy > oval.centerY());Log.i(TAG, "move=往左滑=mDx=" + mDx + ",mDy=" + mDy + ",mx=" + mx + ",my=" + my + ",disW=" + disW + ",disH=" + disH);}} else {if (disH > 0) {//往下滑touchHandle(mDx > oval.centerX());Log.i(TAG, "move=往下滑=mDx=" + mDx + ",mDy=" + mDy + ",mx=" + mx + ",my=" + my + ",disW=" + disW + ",disH=" + disH);} else {//往上滑touchHandle(mDx < oval.centerX());Log.i(TAG, "move=往上滑=mDx=" + mDx + ",mDy=" + mDy + ",mx=" + mx + ",my=" + my + ",disW=" + disW + ",disH=" + disH);}}}mDx = mx;//替换x轴坐标值mDy = my;//替换y轴坐标值break;case MotionEvent.ACTION_UP:
//                updateSelected();break;}return true;}private void updateSelected() {isLayout = true;float srcDg = srcDegreesArr[DEFAULT_INDEX];float moveDg = moveDegreesArr[selectIndex];float diffDg = moveDg > srcDg ? moveDg - srcDg : srcDg - moveDg;Log.i(TAG, "updateSelected-srcDg=" + srcDg + ",moveDg=" + moveDg + ",diffDg=" + diffDg);for (int i = 0; i < moveDegreesArr.length; i++) {
//            moveDegreesArr[i] = moveDg > srcDg ? moveDegreesArr[i] - diffDg : moveDegreesArr[i] + diffDg;}requestLayout();}private void touchHandle(boolean isAdd) {isLayout=true;rotate(isAdd);}private void touchHandle(boolean isAdd, float dis, boolean isRunAnim) {isLayout = true;if (!isRunAnim) {dis = Math.min(Math.abs(dis), 1.6f);}int childCount = getChildCount();for (int i = 0; i < childCount; i++) {float newDegrees = isAdd ? moveDegreesArr[i] + dis : moveDegreesArr[i] - dis;newDegrees = newDegrees > 360 ? newDegrees - 360 : newDegrees < 0 ? newDegrees + 360 : newDegrees;Log.i(TAG, "touchHandle-i=" + i + ",newDegrees=" + newDegrees);moveDegreesArr[i] = newDegrees;}/*int childCount = getChildCount();for (int i = 0; i < childCount; i++) {int nextIndex = i == childCount - 1 ? 0 : i + 1;float sdg = moveDegreesArr[nextIndex];float mdg = moveDegreesArr[i];float cwDiff = (sdg - mdg);cwDiff = cwDiff < 0 ? cwDiff + 360 : cwDiff;float ccwDiff = (mdg - sdg);ccwDiff = ccwDiff < 0 ? ccwDiff + 360 : ccwDiff;float diff = Math.min(cwDiff, ccwDiff);dis = (diff / 10f);float newDegrees = cwDiff < ccwDiff ? (mdg + dis) : (mdg - dis);newDegrees = newDegrees > 360 ? newDegrees - 360 : newDegrees < 0 ? newDegrees + 360 : newDegrees;moveDegreesArr[i] = newDegrees;Log.i(TAG, "touchHandle-i=" + i + ",cwDiff=" + cwDiff + ",ccwDiff="+ ccwDiff + ",dis=" + dis + ",degrees=" + mdg + ",newDegrees=" + newDegrees);}*/sweepAngle = isAdd ? sweepAngle + dis : sweepAngle - dis;sweepAngle = sweepAngle % 360f;Log.i(TAG, "touchHandle-isAdd=" + isAdd + ",dis=" + dis + ",sweepAngle=" + sweepAngle);requestLayout();}private float[] animDegreesArr = null;private void runAnim(boolean isAdd) {isLayout = true;int childCount = getChildCount();if (animDegreesArr == null) {animDegreesArr = new float[childCount];for (int i = 0; i < childCount; i++) {animDegreesArr[i] = moveDegreesArr[i];}}for (int i = 0; i < childCount; i++) {int nextIndex = isAdd ? (i == childCount - 1 ? 0 : i + 1) : (i == 0 ? childCount - 1 : i - 1);float sdg = animDegreesArr[nextIndex];float mdg = animDegreesArr[i];float cwDiff = (sdg - mdg);cwDiff = cwDiff < 0 ? cwDiff + 360 : cwDiff;float ccwDiff = (mdg - sdg);ccwDiff = ccwDiff < 0 ? ccwDiff + 360 : ccwDiff;float diff = isAdd ? cwDiff : ccwDiff;float dis = (diff / 10f);float newDegrees = isAdd ? (moveDegreesArr[i] + dis) : (moveDegreesArr[i] - dis);newDegrees = newDegrees > 360 ? newDegrees - 360 : newDegrees < 0 ? newDegrees + 360 : newDegrees;moveDegreesArr[i] = runCount==10 ? sdg : newDegrees;Log.i(TAG, "runAnim-i=" + i + ",cwDiff=" + cwDiff + ",ccwDiff=" + ccwDiff + ",dis=" + dis +",sdg=" + sdg + ",mdg=" + mdg + ",newDegrees=" + newDegrees);}requestLayout();}private boolean isCW = true;public void rotate(boolean isCW) {this.isCW=isCW;post(runnable);}private int runCount = 0;private Runnable runnable = new Runnable() {float mdg = -1;@Overridepublic void run() {isLayout = true;runCount++;if (runCount <= 10) {/*float sdg = srcDegreesArr[DEFAULT_INDEX];if (mdg == -1) {mdg = moveDegreesArr[clickIndex];}float cwDiff = (sdg - mdg);cwDiff = cwDiff < 0 ? cwDiff + 360 : cwDiff;float ccwDiff = mdg - sdg;ccwDiff = ccwDiff < 0 ? ccwDiff + 360 : ccwDiff;float diff = Math.min(cwDiff, ccwDiff);float rDg = (diff / 10f);touchHandle(cwDiff < ccwDiff, rDg, true);Log.i(TAG, "runnable-runCount=" + runCount + ",diff=" + diff + ",rDg=" + rDg + ",clickIndex=" + clickIndex + ",mdg=" + mdg + ",sdg=" + sdg);runAnim(cwDiff < ccwDiff);*/runAnim(isCW);Log.i(TAG, "runnable-runCount=" + runCount);postDelayed(this, 40);} else {animDegreesArr = null;runCount = 0;mdg = -1;isLayout = false;}}};private boolean checkDiret(int clickIndex) {float sdg = srcDegreesArr[DEFAULT_INDEX];float mdg = moveDegreesArr[clickIndex];float cwDiff = (sdg - mdg);cwDiff = cwDiff < 0 ? cwDiff + 360 : cwDiff;float ccwDiff = mdg - sdg;ccwDiff = ccwDiff < 0 ? ccwDiff + 360 : ccwDiff;return cwDiff < ccwDiff;}private int clickIndex;@Overrideprotected void onFinishInflate() {super.onFinishInflate();int childCount = getChildCount();srcDegreesArr = new float[childCount];moveDegreesArr = new float[childCount];for (int i = 0; i < childCount; i++) {View childView = getChildAt(i);/* childView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View view) {if (view.isSelected()) {if (onItemSelectedListener != null) {onItemSelectedListener.onItemClick(view.getId());}} else {if (!isLayout) {isLayout = true;for (int j = 0; j < childCount; j++) {float d = Float.valueOf(childView.getTag().toString());if (d == srcDegreesArr[j]) {clickIndex = j;break;}}isCW=checkDiret(clickIndex);post(runnable);}}}});*/float degrees = Float.valueOf(childView.getTag().toString());int nextIndex = i == childCount - 1 ? 0 : i + 1;float nextDg = Float.valueOf(getChildAt(nextIndex).getTag().toString());float gapDg = (nextDg - degrees) < 0 ? (nextDg - degrees) + 360 : (nextDg - degrees);minGapDg = Math.min(gapDg, minGapDg);srcDegreesArr[i] = degrees;moveDegreesArr[i] = degrees;Log.i(TAG, "onFinishInflate-childCount=" + childCount + ",i=" + i + ",degrees=" + degrees + ",minGapDg=" + minGapDg);}}private boolean isContainDegrees(float moveDegrees) {float centerDg = srcDegreesArr[DEFAULT_INDEX];float preDg = srcDegreesArr[DEFAULT_INDEX == 0 ? srcDegreesArr.length - 1 : DEFAULT_INDEX - 1];float nextDg = srcDegreesArr[DEFAULT_INDEX == srcDegreesArr.length - 1 ? 0 : DEFAULT_INDEX + 1];float preHalfDg = (centerDg - preDg) < 0 ? 360 - (centerDg - preDg) : (centerDg - preDg);float nextHalfDg = (nextDg - centerDg) < 0 ? 360 - (nextDg - centerDg) : (nextDg - centerDg);float preCpDg = (centerDg - (preHalfDg * 0.5f)) < 0 ? 360f - (centerDg - (preHalfDg * 0.5f)) : (centerDg - (preHalfDg * 0.5f));float nextCpDg = (centerDg + (nextHalfDg * 0.5f)) > 360f ? (centerDg + nextHalfDg * 0.5f) - 360f : (centerDg + (nextHalfDg * 0.5f));Log.i(TAG, "isContainDegrees-moveDegrees=" + moveDegrees + ",centerDg=" + centerDg + ",preDg=" + preDg + ",nextDg=" + nextDg + ",preHalfDg=" + preHalfDg + ",nextHalfDg=" + nextHalfDg + ",preCpDg=" + preCpDg + ",nextCpDg=" + nextCpDg);return (moveDegrees >= preCpDg && moveDegrees < nextCpDg);
//        return (moveDegrees >= centerDg && moveDegrees <= nextDg);}private int vWidth;private int vHeight;private int selectIndex = DEFAULT_INDEX;@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b) {isLayout = true;vWidth = getMeasuredWidth();vHeight = getMeasuredHeight();int childCount = getChildCount();Log.i(TAG, "onLayout-changed=" + changed + ",l=" + l + ",t=" + t + ",r=" + r + ",b=" + b + ",vWidth=" + vWidth + ",vHeight=" + vHeight + ",childCount=" + childCount + ",sweepAngle=" + sweepAngle);for (int i = 0; i < childCount; i++) {View childView = getChildAt(i);float degrees = moveDegreesArr[i];if (isContainDegrees(degrees)) {selectIndex = i;}Point endPoint = getEndPoint(oval.left, oval.top, oval.width(), oval.height(), 0, -degrees);int cvW = childView.getMeasuredWidth();int cvH = childView.getMeasuredHeight();Log.i(TAG, "onLayout-i=" + i + ",px=" + endPoint.x + ",py=" + endPoint.y + ",cvW=" + cvW + ",cvH=" + cvH + ",degrees=" + degrees);childView.layout((int) (endPoint.x - cvW * 0.5f), (int) (endPoint.y - cvH * 0.5f), (int) (endPoint.x + cvW * 0.5f), (int) (endPoint.y + cvH * 0.5f));}if (onItemSelectedListener != null) {onItemSelectedListener.onItemSelected(selectIndex);}isLayout = false;}private RectF oval = new RectF(-290, 65, 960, 525);@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);Log.i(TAG, "onDraw");Paint p = new Paint();p.setStrokeWidth(10);p.setColor(Color.RED);Paint p0 = new Paint();p0.setStrokeWidth(5);p0.setColor(Color.GREEN);Paint p1 = new Paint();p1.setColor(Color.parseColor("#808C8C8C"));//        canvas.drawArc(oval.left, oval.top, oval.right, oval.bottom, 0, 360, true, p1);
//        canvas.drawLine(oval.left, oval.top + oval.height() / 2, oval.right, oval.top + oval.height() / 2, p);
//        canvas.drawLine(oval.left + oval.width() / 2f, oval.top, oval.left + oval.width() / 2f, oval.bottom, p);int childCount = getChildCount();for (int i = 0; i < childCount; i++) {View childView = getChildAt(i);float degrees = Float.valueOf(childView.getTag().toString());Point endPoint = getEndPoint(oval.left, oval.top, oval.width(), oval.height(), 0, -degrees);canvas.drawPoint(endPoint.x, endPoint.y, p0);}Point endPoint = getEndPoint(oval.left, oval.top, oval.width(), oval.height(), 0, -19);canvas.drawPoint(endPoint.x, endPoint.y, p);}private Point getEndPoint(float x, float y, float width, float height, float startAngle, float extentAngle) {double var1 = Math.toRadians(-startAngle - extentAngle);double var3 = x + (Math.cos(var1) * 0.5 + 0.5) * width;double var5 = y + (Math.sin(var1) * 0.5 + 0.5) * height;return new Point((int) var3, (int) var5);}}

2.MainActivity

package com.you.arc;import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.Toast;//import java.awt.geom.Arc2D;//这个类里面有圆周运动计算公式public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);ArcFramelayout arcFramelayout = findViewById(R.id.arc_framelayout);arcFramelayout.setOnArcItemListener(new ArcFramelayout.OnArcItemListener() {@Overridepublic void onItemSelected(int pos) {for (int i = 0; i < arcFramelayout.getChildCount(); i++) {if (i == pos) {ViewGroup parent = ((ViewGroup) arcFramelayout.getChildAt(i));parent.setSelected(true);for (int j = 0; j < parent.getChildCount(); j++) {parent.getChildAt(j).setSelected(true);}
//                        ((ViewGroup) arcFramelayout.getChildAt(i)).getChildAt(0).setBackgroundColor(Color.parseColor("#80FF0000"));} else {ViewGroup parent = ((ViewGroup) arcFramelayout.getChildAt(i));parent.setSelected(false);for (int j = 0; j < parent.getChildCount(); j++) {parent.getChildAt(j).setSelected(false);}
//                        ((ViewGroup) arcFramelayout.getChildAt(i)).getChildAt(0).setBackground(null);}}}@Overridepublic void onItemClick(int viewId) {Toast.makeText(MainActivity.this, "tag=" + findViewById(viewId).getTag(), Toast.LENGTH_SHORT).show();switch (viewId) {case R.id.ll_phone:break;case R.id.ll_flag:break;case R.id.ll_connect:break;case R.id.ll_setting:break;case R.id.ll_audi:break;case R.id.ll_dashboard:break;case R.id.ll_earth:break;case R.id.ll_cd:break;}}});findViewById(R.id.iv_small_arrow).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {arcFramelayout.rotate(false);}});findViewById(R.id.iv_big_arrow).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {arcFramelayout.rotate(true);}});}
}

3.布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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:background="@android:color/black"tools:context=".MainActivity"><com.you.arc.ArcViewandroid:layout_width="1200px"android:layout_height="550px"android:visibility="gone"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><ImageViewandroid:id="@+id/iv_small_arrow"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_small_arrow"android:layout_marginTop="140px"/><ImageViewandroid:id="@+id/iv_big_arrow"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_big_arrow"android:layout_gravity="bottom"android:layout_marginBottom="40px"/><com.you.arc.ArcFramelayoutandroid:id="@+id/arc_framelayout"android:layout_width="1400px"android:layout_height="match_parent"android:layout_marginStart="0px"android:layout_marginTop="76px"android:background="@android:color/transparent"><LinearLayoutandroid:id="@+id/ll_phone"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tag="6"><ImageViewandroid:layout_width="150px"android:layout_height="180px"android:src="@drawable/phone_selector"android:background="@android:color/transparent"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:maxWidth="330px"android:background="@drawable/green_text_selector"android:text="电话"android:textColor="@android:color/white"android:textSize="45px"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:id="@+id/ll_flag"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tag="36"><ImageViewandroid:layout_width="150px"android:layout_height="180px"android:src="@drawable/phone_selector"android:background="@android:color/transparent"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:maxWidth="330px"android:background="@drawable/blue_text_selector"android:text="旗帜"android:textColor="@android:color/white"android:textSize="45px"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:id="@+id/ll_connect"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tag="62"><ImageViewandroid:layout_width="150px"android:layout_height="180px"android:background="@android:color/transparent"android:src="@drawable/phone_selector"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:maxWidth="330px"android:background="@drawable/green_text_selector"android:text="蓝牙连接"android:textColor="@android:color/white"android:textSize="45px"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:id="@+id/ll_setting"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tag="90"><ImageViewandroid:layout_width="150px"android:layout_height="180px"android:src="@drawable/phone_selector"android:background="@android:color/transparent"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:background="@drawable/blue_text_selector"android:maxWidth="330px"android:text="设置"android:textColor="@android:color/white"android:textSize="45px"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:id="@+id/ll_audi"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tag="262"><ImageViewandroid:layout_width="150px"android:layout_height="180px"android:src="@drawable/phone_selector"android:background="@android:color/transparent"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:maxWidth="330px"android:background="@drawable/red_text_selector"android:text="手机"android:textColor="@android:color/white"android:textSize="45px"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:id="@+id/ll_dashboard"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tag="286"><ImageViewandroid:layout_width="150px"android:layout_height="180px"android:src="@drawable/phone_selector"android:background="@android:color/transparent"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:maxWidth="330px"android:background="@drawable/red_text_selector"android:text="时钟"android:textColor="@android:color/white"android:textSize="45px"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:id="@+id/ll_earth"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tag="311"><ImageViewandroid:layout_width="150px"android:layout_height="180px"android:src="@drawable/phone_selector"android:background="@android:color/transparent"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:maxWidth="330px"android:background="@drawable/green_text_selector"android:text="地球"android:textColor="@android:color/white"android:textSize="45px"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:id="@+id/ll_cd"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tag="337"><ImageViewandroid:layout_width="150px"android:layout_height="180px"android:src="@drawable/phone_selector"android:background="@android:color/transparent"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:maxWidth="330px"android:background="@drawable/yellow_text_selector"android:text="媒体"android:textColor="@android:color/white"android:textSize="45px"android:textStyle="bold" /></LinearLayout></com.you.arc.ArcFramelayout></FrameLayout>
</FrameLayout>

手势滑动目前尚未完善，可以根据实际需求完善

demo下载地址：https://download.csdn.net/download/qq_29364417/90203270