素材图片背景
效果如图。能输入数据参数的。

解决方案 »

  1.   

    绘制步骤:
    1.绘制背景图;
    2.绘制填充的圆形;
    3.绘制指针(长方行);事件处理:
    1.增加滑动条change事件,每有变动,自动旋转指针的角度.
      

  2.   

    //根据角度value旋转指针的方法
    private function positionNeedle():void
    {
    var angle:Number = _value * Math.PI/180;var rotateMatrix:Matrix = new Matrix();
    rotateMatrix.rotate(angle);
    var newCenter:Point = rotateMatrix.deltaTransformPoint(_needleOffset);
    rotateMatrix.translate((_centerx - newCenter.x),(_centery - newCenter.y));
    _needle.transform.matrix = rotateMatrix;
    }
    //设置角度value
    [Bindable]
    public function set value(val:Number):void
    {
    if(val > maximum)
    {
    _value = maximum;
    }
    else if(val < minimum)
    {
    _value = minimum;
    }
    else
    {
    _value = val;
    }
    if(_needle != null)
    {
    positionNeedle();
    }
    }