使用画布绘制Rects

问题描述:

十万我试图使http://arapaho.nsuok.edu/~deckar01/Zvis.html使用画布绘制Rects

一个原生的Android版本,所以,我做了一个自定义的视图,吸引所需的所有方块。当然,一旦数字变得足够大,Canvas开始绘制上千个方块,这个绘图就会花上10秒。

有没有更好的方法来做到这一点?似乎有一些显而易见的东西我没有想到做/使用。

视图的onDraw方法如下,以防有所帮助。有任何想法吗?

protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 

    final int number = mNumber; 
    final float tileWidth, tileHeight; 

    /*mTileWidth = mWW/(number - 1); 
    mTileHeight = mHH/(number - 1);*/ 

    // make them squares 
    if (mWW <= mHH) { 
     tileWidth = tileHeight = mWW/(number - 1); 
    } else { 
     tileWidth = tileHeight = mHH/(number - 1); 
    } 

    mWhiteTextPaint.setTextSize(48f/72 * tileWidth); 
    mBlackTextPaint.setTextSize(48f/72 * tileWidth); 

    float currX = getPaddingLeft(); 
    float currY = getPaddingTop(); 

    for (int i = 1; i <= number - 1; i++) { 
     mBackgroundPaint.setColor(getBackgroundColor(i, number)); 
     canvas.drawRect(currX, currY, currX + tileWidth, 
       currY + tileHeight, 
       mBackgroundPaint); 
     final String text = String.valueOf(i); 
     canvas.drawText(text, 
       currX + tileWidth/2 - mWhiteTextPaint.measureText(text)/2, 
       currY + tileHeight * 0.9f, mWhiteTextPaint); 
     currX += tileWidth; 
    } 
    currX = getPaddingLeft(); 
    currY += tileHeight; 

    for (int i = 2; i <= number - 1; i++) { 
     for (int j = 1; j <= number - 1; j++) { 
      final int num = (j == 1) ? i : (i * j) % number; 

      mBackgroundPaint.setColor(getBackgroundColor(num, number)); 
      canvas.drawRect(currX, currY, currX + tileWidth, 
        currY + tileHeight, 
        mBackgroundPaint); 
      final String text = String.valueOf(num); 
      if (num == 0) { 
       canvas.drawText(text, 
         currX + tileWidth/2 - mBlackTextPaint.measureText(text)/2, 
         currY + tileHeight * 0.9f, mBlackTextPaint); 
      } else { 
       canvas.drawText(text, 
         currX + tileWidth/2 - mWhiteTextPaint.measureText(text)/2, 
         currY + tileHeight * 0.9f, mWhiteTextPaint); 
      } 
      currX += tileWidth; 
     } 
     currX = getPaddingLeft(); 
     currY += tileHeight; 
    } 

    if (mOnDrawFinishedListener != null) { 
     mOnDrawFinishedListener.onDrawFinished(number); 
    } 
} 
+0

http://developer.android.com/training/custom-views/optimizing-view.html#accelerate – CarCzar 2014-09-05 18:36:12

+0

@CarCzar我试着把setLayerType(View.LAYER_TYPE_HARDWARE,null);在我的视图的构造函数中;它并没有明显的帮助。 – 2014-09-05 18:37:10

+0

您应该在另一个线程中运行您的绘图代码。我知道有一些方法可以实现这一目标,但不知道当前的名称。通过API搜索,我相信你会找到它。 – CarCzar 2014-09-05 18:42:12

正如@CarCzar已经说了,你可以画在一个单独的线程都成位图,然后在UI线程你只在屏幕上绘制该位图。或者,您可以使用OpenGL。这通常用于更有活力的事情,比如游戏。事情是OpenGL运行在一个单独的图形线程,因此不会阻止你的用户界面。