2015-02-24 188 views
1

我已经发布了两个与此相关的问题(请参阅此 custom piechart 1和此custom pie chart 2)但没有得到答案,最后我开发自己的,但有些时候卡住了。Android:canvas.drawBitmap()方法无法正常工作

我需要创建拉制区域之间的线,你可以在图像。对于我用canvas.drawArc()。对于我用canvas.drawCircle()和中间行i使用canvas.drawBitmap()方法用不同角度。在这里内外圆绘制外圆内圆见正确的但是对于中间弧线,只有前两个位图/弧线被正确绘制,但剩下的两个不在其确切的位置。

我用相同的代码绘制所有的位图/弧,但没有得到确切的输出。我被卡住了什么是确切的问题。需要帮助,提前感谢。

你可以看到我的输出

这里.. screenshot

听到的是我的的onCreate(),我在其中生成,并设置视图。

public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 
     lv1 = (LinearLayout) findViewById(R.id.linear);  
     matrix = new Matrix(); 
     MyView myview = new MyView(this); 
     lv1.addView(myview); 
    } 

这是我customview类我想产生。

public class MyView extends View { 

    private Paint p ,paint,paint_text; 
    private int startX; 
    private int startY; 
    private int radius; 
    private ArrayList<Integer> colors; 
    private ArrayList<Float> values; 
    Bitmap bitmap; 
    Context mContext; 
    RectF rectF , rectF2 ; 
    public MyView(Context context) { 
     super(context); 
     mContext = context; 
     p = new Paint(); 
     p.setAntiAlias(true); 

     colors = new ArrayList<Integer>(); 
     values = new ArrayList<Float>(); 

     Display display = getWindowManager().getDefaultDisplay(); 
     width1 = display.getWidth(); 
     height1 = display.getHeight();  

     startX = 0 ; 
     startY = 0; 
     radius = (int) (width1/2);    

     colors.add(Color.RED); 
     colors.add(Color.BLUE); 
     colors.add(Color.YELLOW); 
     colors.add(Color.GREEN);    
     values.add(8f); 
     values.add(2f); 
     values.add(4f);   
     values.add(2f);   
    } 

这是我的onDraw()方法

protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas);   
     float _angle1 = 0 ,_angle2 = 0 ,_angle3 = 0 , _angle4 =0;  

     Bitmap myBitmap1 = BitmapFactory.decodeResource(getResources(),R.drawable.saperate_line);   
     bitmap = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_8888); 

     Canvas c = new Canvas(bitmap); 

     float offset = 0;  
     float angle = (float) 5.60 ;    
     matrix.reset(); 
     canvas.translate(0,canvas.getHeight()); //reset where 0,0 is located 
     canvas.scale(1,-1); // for scaling 

     rectF = new RectF(); 
     rectF.set(-(getStartX() + getRadius()), -(getStartY() + getRadius()), getStartX() + getRadius(),getStartY() + getRadius()); 

     //for creating outer circle using canvas.drawCircle----------- 
     paint = new Paint(); 
     paint.setColor(Color.GREEN);   
     paint.setStrokeWidth(2);    
     paint.setStyle(Paint.Style.STROKE);   
     canvas.drawCircle(0, 0, (float) (width1/(1.4)), paint); 

     //for creating inner circle using canvas.drawArc----------- 
     for (int i = 0; i < values.size(); i++) { 
      p.setColor(colors.get(i)); 

      if (i == 0) {     
      canvas.drawArc(rectF, offset, values.get(i) * angle, true, p); 
      _angle1 = ((offset+(values.get(i) * angle)))/2;      
      matrix.postRotate(_angle1);  
      canvas.drawBitmap(myBitmap1, matrix, null);   

      } 

      if(i == 1){    
       canvas.drawArc(rectF, offset, values.get(i) * angle, true, p);     
       _angle2 = ((offset + (values.get(i) * angle)))/2; 
       matrix.postRotate(_angle2); 
       canvas.drawBitmap(myBitmap1, matrix, null); 
      } 

      if(i == 2){ 
      canvas.drawArc(rectF, offset, values.get(i) * angle, true, p);   
      _angle3 = ((offset + (values.get(i) * angle)))/2; 

      // _angle3 = (offset + angle);     
      matrix.postRotate(_angle3); 
      canvas.drawBitmap(myBitmap1, matrix, null);   
       } 

      if (i == 3){          
      canvas.drawArc(rectF, offset, values.get(i) * angle, true, p); 
      _angle4 = ((offset + (values.get(i) * angle)))/2;     
      matrix.postRotate(_angle4);      
      canvas.drawBitmap(myBitmap1, matrix, null); 
       }       

      offset += (values.get(i) * angle); 
      Log.e("new offset :: ","****************************"+offset); 

     } 
     canvas.save();  

    } 
+0

90度/(8 + 2 + 4 + 2)= 5.625,而不是5.60 – samgak 2015-02-24 07:52:06

+0

这个计算是用于计算内圆的角度,而不是用于圆弧。这是对弧线的影响?除此之外,我尝试了5.625,但没有运气@samgak – Radhey 2015-02-24 08:06:02

+0

** 1 **'为中间线我用canvas.drawBitmap()**为什么**?你不能使用'canvas.drawLine()'(http://developer.android.com/reference/android/graphics/Canvas.html#drawLine%28float,%20float,%20float,%20float,%20android.graphics .Paint 29%)? ** 2 **不要为重新发明轮子而疯狂,不能使用免费的第三方库,如[aChartEngine](http://www.achartengine.org/content/demo.html)? – 2015-02-24 09:37:48

回答

0

感谢每一个。 最后我做到了使用这种

Matrix matrix1 = new Matrix(); 
matrix1.setRotate(_angle1, 0, 0); 
canvas.drawBitmap(myBitmap1, matrix1, null); 

这里更换这个东西Rotating Image on A canvas

matrix.postRotate(_angle1);  
canvas.drawBitmap(myBitmap1, matrix, null); 

,首先你应该改变这样的价值,

float myAngle = 0; 
myAngle = ((90 * values.get(i))/16);