自定义ViewGroup---绘制圆盘

先说点废话哦。
我突然喜欢上了工作，不是为了别的，只是因为工作让我感觉到有趣。
为什么要做这个圆盘啦，是因为我们项目需要加入大转盘的功能，
但是需求变化了，现在大转盘的优先级不是最高。我在此记录一下，
如果项目需要我将补全完整。

效果图准备：

现在已经有的功能：
1.背景的颜色根据动态加载的View变化而变化。
2.根据View个数，以及初始角度变化而旋转。
预计项目要扩展的功能：
1.根据后台转过来的活动图片个数，变化而变化(其实已经实现，我们是动态添加ImageView);
2.根据后台指定中奖奖品来，随机模拟转动的角度达到一种真实旋转的赶脚(这是只谈业务，不谈其他)。
3.可以接入图片框架，使得图片能搞有一种淡入的感觉。
4 两种模式：
4.1点击开启转动。

接下来讲讲功能怎么实现。

如果不知道View绘制流程可以看下我原来写的博客,建立在View绘制流程基础之上写的。
思路：
1-ViewGoup怎么绘制背景。
2-ViewGoup怎么使childView有一种平分圆盘赶脚。
3-ViewGoup怎么测绘动态添加childView的大小。
4-childeView根据什么来旋转。

1.
我想到就是
Draw方法—> 1.绘制背景—–>。2绘制自己(onDraw)—–>3.绘制childView—->4.绘制装饰
既然知道了方法,那我就调用ViewGoup的onDraw方法开始绘制吧，
1.我们先随便绘制一个矩形，运行一下

   protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mRange = new RectF(getPaddingLeft(), getPaddingLeft(), LayoutRadius + getPaddingLeft()
                , LayoutRadius + getPaddingLeft());
  }

@Override
    protected void onDraw(Canvas canvas) {
  mArcPaint.setColor(mColors[0]);
     canvas.drawArc(mRange, tmpAngle, sweepAngle, true, mArcPaint);
            }`

运行模拟器–结果总是让人懵逼的感觉。

解决办法：
初始化的时候调用
setWillNotDraw(false);
解释一下：如果一个View不需要绘制任何内容，那么设置这个表示为true以后，系统会默认优化，默认情况下View是没有启用的默认应该为true.如果我们知道需要绘制就手动开启这个标识位。

效果是这样的,见证奇迹的时刻到了，

1. 我们当然需要添加的个数和圆有一种平分的感觉,那么我们怎么做到了

我们这里给一张图片来跟好解释一下。

现在什么都不想，先听我说完。
这个圆形应该是我们View测量出来的宽度和高度(这里取最小一个值来做View的宽高)
int val=Math.min(width,height);
圆心为(val/2,val/2); x=val/2 ,y=val/2;
半径 R=val/2;
我们这里来求 圆-1的坐标
圆-1_x=x+R*cos(45°)； cos(45°)=0.707…..
圆-1_y=y+R*sin(45°)； sin(45°)=0.707…….

如果我们让我求2的值,我们第一想法就是考虑象限是吧？
这里我们需要把角度转换弧度制就可以了。
圆-1_x=x+R*cos(135°)； cos(135°)= -0.707
圆-1_y=y+R*sin(135°)； sin(135°)=0.707…….

那么公式就是
小圆间隔角度=360/count;
偏移角度=360°/Childcount/2；
第一个：
angle=0+偏移角度;
第二个:
angle=0+小圆间隔角度+偏移角度。
看出来规律了吗？
angle=小圆间隔角度*i+偏移角度;
x=圆心_x+R*cos(angle);
y=圆心_y+R*sin(angle);

这样就完美的解决了，这个定位的问题了。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
我估计这里会有人想知道，怎么定位吗?
解释一下啦，都是一步步走过来的。
我们这里用的是ＶｉｅｗＧｏｕｐ　那么它定位自己的位置之后
就需要ｏｎＬａｙｏｕｔ它ｃｈｉｌｄｅＶｉｅｗ的位置了，当然都是我们自己计算的。

3-ViewGoup怎么测绘动态添加childView的大小。
第三个问题　我们就需要调用ａｐｉ的　ａｄｄＶｉｅｗ（ＶＩＥＷ）方法；
调用它有什么用了？
简单来说就是给ＶｉｅｗＧｏｕｐ添加子控件。
然后再重新计算布局大小，子ｖｉｅｗ位置。
这里可以看到源码中来说

public void addView(View child, int index, LayoutParams params) {
        if (DBG) {
            System.out.println(this + " addView");
        }

        if (child == null) {
            throw new IllegalArgumentException("Cannot add a null child view to a ViewGroup");
        }

        // addViewInner() will call child.requestLayout() when setting the new LayoutParams
        // therefore, we call requestLayout() on ourselves before, so that the child‘s request
        // will be blocked at our level
    １.    requestLayout();
    ２.    invalidate(true);
        addViewInner(child, index, params, false);
    }

看到我标识的　１.　２了吗？

１的解释：
　　　当view确定自身已经不再适合现有的区域时，该view本身调用这个方法要求parent view重新调用他的onMeasure onLayout来对重新设置自己位置。
２的解释：
　　　　View本身调用迫使view重画。
这两步执行了，等于说我们可以获取他们了，然后再对他们做计算。

４.　childeView根据什么来旋转。

根据什么来计算啦，肯定是根据角度来计算了
　因为我用的是　imageView　并没有对ｂｉｔｍａｐ　做旋转，所以就没有用网上说的matrix。因为我认为操控一个类似于对象的控件（自己的想法）比较灵活。
　所以就用到一个函数　view．setRotation（angle）；
　当然啦，这个角度是角度，而不是弧度啦。
　这里又有一个计算的地方了，有点蛋疼，不过痛并快乐着。

还是先看图吧。没有旋转之前。

有没有想到很好的旋转角度啦。
其实也是有规律的
其实从上面的那张图片都可以看出来，全部都是指向上方的。
下面的是原形图。

大家可以尝试到下面这种图来找找规律。
我这里直接说出规律的，大家想一想
　　偏移量＝３６０／ｃｈｉｌｄｅ／２；
　旋转角度＝起始角度％３６０＋偏移量＋９０；
　
float n = startAngle % 360 + ItemCenterPoint + 90;
　　

　　　
　　

ｄｅｍｏ下载

借鉴：

弘扬大神自定义转盘