android 斜边_Android -- 一个滑动旋转的弧形菜单

效果图

效果图.gif

这是一个自定义的弧形菜单控件，手指滑动可以对其进行旋转，点击图标可以做一些操作，功能就是这样，下面介绍是如何实现的。

功能实现

自定义属性

要实现这样一个控件，首先要知道这个圆弧的半径mRadius，以及初始可见的图标个数mVisiableItemCount(这里是5个)。我们来设置两个自定义属性，在attrs.xml中添加如下代码：

这样我们就可以在布局文件中设置自定义的属性。

android:id="@+id/arcdragmenu"

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:mradius="360dp"

app:visibleitemcount="5"/>

在ArcDragMenu的构造方法中获取自定义属性的值。

public ArcDragMenu(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

// 获取自定义属性的值

TypedArray a = context.getTheme().obtainStyledAttributes(attrs,

R.styleable.ArcDragMenu, defStyleAttr, 0);

mRadius = (int) a.getDimension(R.styleable.ArcDragMenu_mradius, TypedValue

.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 360,

getResources().getDisplayMetrics()));

mVisiableItemCount = (int) a.getInteger(R.styleable.ArcDragMenu_visibleitemcount, 5);

a.recycle();

}

计算角度和位置

角度.PNG

如图，我们把整个圆弧的角度分成mVisiableItemCount份(这里是5份)，那么图中蓝∠占1份，黄∠占2份，黑∠占2.5份。黑∠的对边为VIew宽度的一半，斜边为圆弧半径mRadius，由此可得：

黑∠ = Math.asin((getMeasuredWidth()/2.0)/mRadius);

蓝∠的角度的大小angleDelay为：

angleDelay = Math.asin((getMeasuredWidth()/2.0)/mRadius)*2/ mVisiableItemCount;