Android開源: 一個 Menu 控件

WarScullin 7年前發布 | 17K 次閱讀 Android Android開發 移動開發

簡介

這是一個簡單的圓形菜單進度效果。 它用于一些需要逐步完成的項目。周圍的默認顏色是深灰色，當你做任務涉及到某個圓圈的顏色會變綠，當你完成它們的藍色。 當然，你可以改變這三種狀態顏色，你喜歡在xml.Just復制我的代碼，如果你需要這樣一個菜單，這是很容易理解。 任何建議，請發送到：stewforani@gmail.com。 謝謝！

下載apk

如何使用

//amount of the circles around
private int aroundCircleCount = 7;


//the currrent progress num(=<aroundCircleCount)
private int currentProgressNum = 3;


//Icons of around circle (set by yourself)
private int[] circleIcon = {R.drawable.xxx,"","","","","",""};


//the en and cn of the circles around
private int[] aroundCircleTitleEn = {R.string.xxx,"","","","","",""};
private int[] aroundCircleTitleCn = {R.string.xxx,"","","","","",""};


//status of every circle
//default->grey,doing->green,complete->blue
//three status and color set by yourself
private int[] circleCompleteStatusList = {"","","","","","",""};</code></pre> 
  
final CircleLayout circleLayout = (CircleLayout) findViewById(R.id.circle_layout);


circleLayout.setView(aroundCircleTitleEn, 
                     aroundCircleTitleCn,
                     circleIcon,
                     aroundCircleCount,
                     circleCompleteStatusList);


circleLayout.setProgressNum(currentProgressNum);
circleLayout.initView();
circleLayout.startAnim(360f * currentProgressNum / 7);
circleLayout.setOnClickListener(new CircleLayout.circleClickListener() {
    @Override
    public void click(int tag) {
    //the tag of circle which you click
    }
});</code></pre> 
  
<com.stew.myapplication.CircleLayout
    android:id="@+id/circle_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"                                   
    app:aroundCircleCompleteColor="@color/around_circle_complete_color"
    app:aroundCircleDefColor="@color/around_circle_def_color"
    app:aroundCircleDoingColor="@color/around_circle_doing_color"
    app:centerArcColor="@color/arc_change"
    app:centerArcColorDef="@color/arc_default"
    app:centerCircleColor="@color/center_circle_color"
    app:centerCircleText="Start"
    app:centerCircleTextColor="@color/white"
    app:centerCircleTextSize="22sp"
    app:aroundSmallCircleColor="@color/white"
    app:titleSize="12sp"
    app:titleColor="@color/white"/>
 
  
 
 本文由用戶 WarScullin 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！