Android蛛网评分控件：SpiderWebScoreView

Features

• 支持任意个角以及任意层级

• 蛛网图形外边的分数文案支持任意样式

• 不管是多少维度都可左右对称

1. 倒入 SpiderWebScoreView

添加 gradle dependency

dependencies{      compile 'me.xiaopan:spiderwebscoreview:lastVersionName'  }

lastVersionName是最新版本名称的意思，你可以在release页面看到最新的版本名称

最低支持Android2.2

2. 在布局中使用

首先在布局中使用声明SpiderWebScoreView和CircularLayout

<FrameLayout      android:layout_width="match_parent"      android:layout_height="150dp"      android:clipChildren="false">        <me.xiaopan.swsv.SpiderWebScoreView          android:id="@+id/spiderWeb_mainActivity_1"          android:layout_width="100dp"          android:layout_height="100dp"          android:layout_gravity="center" />        <me.xiaopan.swsv.CircularLayout          android:id="@+id/layout_mainActivity_circular1"          android:layout_width="100dp"          android:layout_height="100dp"          android:layout_gravity="center"          android:clipChildren="false"/>  </FrameLayout>

详解：

• SpiderWebScoreView用来显示蛛网图形

• CircularLayout用来显示四周的文案

• CircularLayout的尺寸必须和SpiderWebScoreView一致并且是层叠关系

• CircularLayout的子View将会显示在圆圈的外面，因此CircularLayout和其父FrameLayout都必须设置clipChildren为false

• 父FrameLayout还要比CircularLayout大一圈，大的这一圈就是用来显示CircularLayout的子View，具体大多少视你的需求而定

3. Run time settings

然后在代码中通过SpiderWebScoreView.setScores(float maxScore, float[] scores)方法设置最大分数以及所有分值即可

• 有多少个分值（scores.length）蛛网图形就有多少个角

• 默认分5层

最后根据你的需求往CircularLayout里面添加显示分数的View即可，数量和顺序必须同scores相同

如下：

@Override  protected void onCreate(Bundle savedInstanceState) {      super.onCreate(savedInstanceState);      setContentView(R.layout.activity_main);        SpiderWebScoreView spiderWebScoreView1 = (SpiderWebScoreView) findViewById(R.id.spiderWeb_mainActivity_1);      CircularLayout circularLayout1 = (CircularLayout) findViewById(R.id.layout_mainActivity_circular1);        Score[] scores = new Score[]{          new Score(7.0f, R.drawable.vip_icon7),          new Score(8.0f, R.drawable.vip_icon8),          new Score(5.0f, R.drawable.vip_icon5),          new Score(5.0f, R.drawable.vip_icon5),          new Score(8.0f, R.drawable.vip_icon8),          new Score(7.0f, R.drawable.vip_icon7),      };      setup(spiderWebScoreView1, circularLayout1, scores);  }    private void setup(SpiderWebScoreView spiderWebScoreView, CircularLayout circularLayout, Score... scores){      float[] scoreArray = new float[scores.length];      for(int w = 0; w < scores.length; w++){          scoreArray[w] = scores[w].score;      }      spiderWebScoreView.setScores(10f, scoreArray);        circularLayout.removeAllViews();      for(Score score : scores){          TextView scoreTextView = (TextView) LayoutInflater.from(getBaseContext()).inflate(R.layout.score, circularLayout, false);          scoreTextView.setText(score.score+"");          if(score.iconId != 0){              scoreTextView.setCompoundDrawablesWithIntrinsicBounds(0, 0, score.iconId, 0);          }          circularLayout.addView(scoreTextView);      }  }    public static class Score{      public float score;      public int iconId;        public Score(float score, int iconId) {          this.score = score;          this.iconId = iconId;      }        public Score(float score) {          this.score = score;      }  }

4. Attributes

SpiderWebScoreView

CircularLayout

更多示例请参考sample源码