// 圓形菜單
public class CircleMenuLayout extends ViewGroup {
// 圓形直徑
private int mRadius;
// 該容器內(nèi)child item的默認(rèn)尺寸
private static final float RADIO_DEFAULT_CHILD_DIMENSION = 1 / 4f;
// 該容器的內(nèi)邊距,無視padding屬性，如需邊距請用該變量
private static final float RADIO_PADDING_LAYOUT = 1 / 12f;
// 該容器的內(nèi)邊距,無視padding屬性，如需邊距請用該變量
private float mPadding;
// 布局時(shí)的開始角度
private double mStartAngle = 0;
// 菜單項(xiàng)的文本
private String[] mItemTexts;
// 菜單項(xiàng)的圖標(biāo)
private int[] mItemImgs;
// 菜單的個(gè)數(shù)
private int mMenuItemCount;
// 菜單布局資源id
private int mMenuItemLayoutId = R.layout.circle_menu_item;
// MenuItem的點(diǎn)擊事件接口
private OnItemClickListener mOnMenuItemClickListener;
public CircleMenuLayout(Context context, AttributeSet attrs) {
super(context, attrs);
// 無視padding
setPadding(0, 0, 0, 0);
}
// 設(shè)置菜單條目的圖標(biāo)和文本
public void setMenuItemIconsAndTexts(int[] images, String[] texts) {
if (images == null && texts == null) {
throw new IllegalArgumentException("菜單項(xiàng)文本和圖片至少設(shè)置其一");
}
mItemImgs = images;
mItemTexts = texts;
// 初始化mMenuCount
mMenuItemCount = images == null ? texts.length : images.length;
if (images != null && texts != null) {
mMenuItemCount = Math.min(images.length, texts.length);
}
// 構(gòu)建菜單項(xiàng)
buildMenuItems();
}
// 構(gòu)建菜單項(xiàng)
private void buildMenuItems() {
// 根據(jù)用戶設(shè)置的參數(shù)，初始化menu item
for (int i = 0; i < mMenuItemCount; i++) {
View itemView = inflateMenuView(i);
// 初始化菜單項(xiàng)
initMenuItem(itemView, i);
// 添加view到容器中
addView(itemView);
}
}
private View inflateMenuView(final int childIndex) {
LayoutInflater mInflater = LayoutInflater.from(getContext());
View itemView = mInflater.inflate(mMenuItemLayoutId, this, false);
itemView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (mOnMenuItemClickListener != null) {
mOnMenuItemClickListener.onClick(v, childIndex);
}
}
});
return itemView;
}
private void initMenuItem(View itemView, int childIndex) {
ImageView iv = (ImageView) itemView
.findViewById(R.id.id_circle_menu_item_image);
TextView tv = (TextView) itemView
.findViewById(R.id.id_circle_menu_item_text);
iv.setVisibility(View.VISIBLE);
iv.setImageResource(mItemImgs[childIndex]);
tv.setVisibility(View.VISIBLE);
tv.setText(mItemTexts[childIndex]);
}
// 設(shè)置MenuItem的布局文件，必須在setMenuItemIconsAndTexts之前調(diào)用
public void setMenuItemLayoutId(int mMenuItemLayoutId) {
this.mMenuItemLayoutId = mMenuItemLayoutId;
}
// 設(shè)置MenuItem的點(diǎn)擊事件接口
public void setOnItemClickListener(OnItemClickListener listener) {
this.mOnMenuItemClickListener = listener;
}
// 代碼省略
}

//設(shè)置布局的寬高，并策略menu item寬高
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// 丈量自身尺寸
measureMyself(widthMeasureSpec, heightMeasureSpec);
// 丈量菜單項(xiàng)尺寸
measureChildViews();
}
private void measureMyself(int widthMeasureSpec, int heightMeasureSpec) {
int resWidth = 0;
int resHeight = 0;
// 根據(jù)傳入的參數(shù)，分別獲取測量模式和測量值
int width = MeasureSpec.getSize(widthMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int height = MeasureSpec.getSize(heightMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
// 如果寬或者高的測量模式非精確值
if (widthMode != MeasureSpec.EXACTLY
|| heightMode != MeasureSpec.EXACTLY) {
// 主要設(shè)置為背景圖的高度
resWidth = getSuggestedMinimumWidth();
// 如果未設(shè)置背景圖片，則設(shè)置為屏幕寬高的默認(rèn)值
resWidth = resWidth == 0 ? getDefaultWidth() : resWidth;
resHeight = getSuggestedMinimumHeight();
// 如果未設(shè)置背景圖片，則設(shè)置為屏幕寬高的默認(rèn)值
resHeight = resHeight == 0 ? getDefaultWidth() : resHeight;
} else {
// 如果都設(shè)置為精確值，則直接取小值；
resWidth = resHeight = Math.min(width, height);
}
setMeasuredDimension(resWidth, resHeight);
}
private void measureChildViews() {
// 獲得半徑
mRadius = Math.max(getMeasuredWidth(), getMeasuredHeight());
// menu item數(shù)量
final int count = getChildCount();
// menu item尺寸
int childSize = (int) (mRadius * RADIO_DEFAULT_CHILD_DIMENSION);
// menu item測量模式
int childMode = MeasureSpec.EXACTLY;
// 迭代測量
for (int i = 0; i < count; i++) {
final View child = getChildAt(i);
if (child.getVisibility() == GONE) {
continue;
}
// 計(jì)算menu item的尺寸；以及和設(shè)置好的模式，去對item進(jìn)行測量
int makeMeasureSpec = -1;
makeMeasureSpec = MeasureSpec.makeMeasureSpec(childSize,
childMode);
child.measure(makeMeasureSpec, makeMeasureSpec);
}
mPadding = RADIO_PADDING_LAYOUT * mRadius;
}

// 布局menu item的位置
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
final int childCount = getChildCount();
int left, top;
// menu item 的尺寸
int itemWidth = (int) (mRadius * RADIO_DEFAULT_CHILD_DIMENSION);
// 根據(jù)menu item的個(gè)數(shù)，計(jì)算item的布局占用的角度
float angleDelay = 360 / childCount;
// 遍歷所有菜單項(xiàng)設(shè)置它們的位置
for (int i = 0; i < childCount; i++) {
final View child = getChildAt(i);
if (child.getVisibility() == GONE) {
continue;
}
// 菜單項(xiàng)的起始角度
mStartAngle %= 360;
// 計(jì)算，中心點(diǎn)到menu item中心的距離
float distanceFromCenter = mRadius / 2f 
- itemWidth / 2 - mPadding;
// distanceFromCenter cosa 即menu item中心點(diǎn)的left坐標(biāo)
left = mRadius / 2 + (int)Math.round(distanceFromCenter
* Math.cos(Math.toRadians(mStartAngle)) 
* - 1 / 2f * itemWidth);
// distanceFromCenter sina 即menu item的縱坐標(biāo)
top = mRadius / 2 
+ (int) Math.round(distanceFromCenter
* Math.sin( Math.toRadians(mStartAngle) ) 
* - 1 / 2f * itemWidth);
// 布局child view
child.layout(left, top, 
left + itemWidth, top + itemWidth);
// 疊加尺寸
mStartAngle += angleDelay;
}
}

<LinearLayout 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:background="@drawable/bg"
android:gravity="center"
android:orientation="horizontal" >
<com.dp.widgets.CircleMenuLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/id_menulayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/circle_bg" />
</LinearLayout>

public class MainActivity extends Activity {
private CircleMenuLayout mCircleMenuLayout;
// 菜單標(biāo)題
private String[] mItemTexts = new String[] {
"安全中心 ", "特色服務(wù)", "投資理財(cái)",
"轉(zhuǎn)賬匯款", "我的賬戶", "信用卡"
};
// 菜單圖標(biāo)
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
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 初始化圓形菜單
mCircleMenuLayout = (CircleMenuLayout) 
findViewById(R.id.id_menulayout);
// 設(shè)置菜單數(shù)據(jù)項(xiàng)
mCircleMenuLayout.setMenuItemIconsAndTexts(mItemImgs, 
mItemTexts);
// 設(shè)置菜單項(xiàng)點(diǎn)擊事件
mCircleMenuLayout.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onClick(View view, int pos) {
Toast.makeText(MainActivity.this, 
mItemTexts[pos],
Toast.LENGTH_SHORT).show();
}
});
}
}

// 圓形菜單
public class CircleMenuLayout extends ViewGroup {
// 字段省略
// 設(shè)置Adapter
public void setAdapter(ListAdapter mAdapter) {
this.mAdapter = mAdapter;
}
// 構(gòu)建菜單項(xiàng)
private void buildMenuItems() {
// 根據(jù)用戶設(shè)置的參數(shù)，初始化menu item
for (int i = 0; i < mAdapter.getCount(); i++) {
final View itemView = mAdapter.getView(i, null, this);
final int position = i;
itemView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (mOnMenuItemClickListener != null) {
mOnMenuItemClickListener.onClick(itemView, position);
}
}
});
// 添加view到容器中
addView(itemView);
}
}
@Override
protected void onAttachedToWindow() {
if (mAdapter != null) {
buildMenuItems();
}
super.onAttachedToWindow();
}
// 丈量、布局代碼省略
}

static class MenuItem {
public int imageId;
public String title;
public MenuItem(String title, int resId) {
this.title = title;
imageId = resId;
}
}

static class CircleMenuAdapter extends BaseAdapter {
List<MenuItem> mMenuItems;
public CircleMenuAdapter(List<MenuItem> menuItems) {
mMenuItems = menuItems;
}
// 加載菜單項(xiàng)布局，并且初始化每個(gè)菜單
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
LayoutInflater mInflater = LayoutInflater.from(parent.getContext());
View itemView = mInflater.inflate(R.layout.circle_menu_item, parent, false);
initMenuItem(itemView, position);
return itemView;
}
// 初始化菜單項(xiàng)
private void initMenuItem(View itemView, int position) {
// 獲取數(shù)據(jù)項(xiàng)
final MenuItem item = getItem(position); 
ImageView iv = (ImageView) itemView
.findViewById(R.id.id_circle_menu_item_image);
TextView tv = (TextView) itemView
.findViewById(R.id.id_circle_menu_item_text);
// 數(shù)據(jù)綁定
iv.setImageResource(item.imageId);
tv.setText(item.title);
}
// 省略獲取item count等代碼
}

public class MainActivity extends Activity {
private ListView mListView;
List<MenuItem> mMenuItems = new ArrayList<MenuItem>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 模擬數(shù)據(jù)
mockMenuItems();
mListView = (ListView) findViewById(R.id.id_menulayout);
// 設(shè)置適配器
mListView.setAdapter(new CircleMenuAdapter(mMenuItems));
// 設(shè)置點(diǎn)擊事件
mListView.setOnItemClickListener(new OnItemClickListener(){
@Override
public void onItemClick(AdapterView<?> parent, 
View view, int position, long id) {
Toast.makeText(MainActivity.this, 
mMenuItems.get(position).title,
Toast.LENGTH_SHORT).show();
}
});
}