我刚刚制作了两张图纸,试图让一张图纸看起来和另一幅图纸一样,但我没有运气.关于屏幕截图,顶部的绘图是使用画布创建的,底部的绘图是使用
XML创建的.
XML绘图对我来说是完美的,但不幸的是根据
Android,我不应该使用它,因为它返回“太多视图”警告.我已经尝试了以下方法绘制画布,但我仍然没有得到所需的结果.
I’ve tested the project on a dozen emulators and they all take no more than a second to appear despite the XML drawing having so many views.
>根据设备的方向使用不同的图纸
>使用浮点值而不是整数
>多次调整浮动值
有谁知道有什么其他选项可以解决这个烦人的画布问题,并确保画布绘图看起来与XML绘图完全相同,无论屏幕大小和方向如何？此情景中是否应忽略“太多视图”警告和/或我将查看次数限制增加到80以上？所有相关的帮助将受到高度赞赏.
Java代码
XML代码
解决方法
您可以在下面看到处理代码后的结果.它几乎与xml相似,但如果你用mignifier来看它,你可以找到一些差异.
所以当你画画时有一些重要的事情.
>不要使用int.你正在失去精确度.我在代码中将所有int替换为float.
>小心循环.你也在循环中失去精确度.
代码中的常见模式：
float BoxWidth = (getWidth() - mSideRectWidth) / 8; // I replaced int to float for (int i = 0; i < 8; i++) { float position = i * BoxWidth; // loss of precision ... }
最好在循环中计算位置：
for (int i = 0; i < 8; i++) {
float position = i * (getWidth() - mSideRectWidth) / 8;
...
}
>不要忘记笔画宽度.在计算形状和线条的位置时,您会错过该值.
这是我的完整代码：
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;
public class Car extends View {
private final Paint mBlackPaint = new Paint();
private final Paint mRedPaint = new Paint();
private final TextPaint mTextPaint;
public static final int BoxES_COUNT = 8;
private float oneDp;
private float textSize;
private float windowHeight;
public Car(Context context,AttributeSet attrs) {
super(context,attrs);
oneDp = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,1,getResources().getDisplayMetrics());
windowHeight = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,10,getResources().getDisplayMetrics());
textSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,15,getResources().getDisplayMetrics());
mRedPaint.setColor(Color.parseColor("#CC3333"));
mBlackPaint.setAntiAlias(true);
mBlackPaint.setColor(Color.BLACK);
mBlackPaint.setStrokeWidth(oneDp);
mBlackPaint.setStyle(Paint.Style.STROKE);
mTextPaint = new TextPaint(TextPaint.ANTI_ALIAS_FLAG);
mTextPaint.setColor(Color.BLACK);
mTextPaint.setTextAlign(Paint.Align.CENTER);
mTextPaint.setTextSize(textSize);
mWindowPaint = new Paint();
mWindowPaint.setAntiAlias(true);
mWindowPaint.setColor(Color.parseColor("#CC3333"));
mWindowPaint.setStyle(Paint.Style.STROKE);
mWindowPaint.setStrokeWidth(oneDp);
}
private Paint mWindowPaint;
RectF rect = new RectF();
RectF rect2 = new RectF();
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (getWidth() == 0) return;
int w = canvas.getWidth();
int h = canvas.getHeight();
//draw red rectangles
float mSideRectWidth = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,5,getResources().getDisplayMetrics());
canvas.drawRect(0,mSideRectWidth,getHeight(),mRedPaint); //draw left end rectangle
canvas.drawRect(getWidth() - mSideRectWidth,getWidth(),mRedPaint); //draw right end rectangle
//draw grey Boxes
setBackgroundColor(Color.parseColor("#808080"));
for (int i = 0; i < BoxES_COUNT; i++) {
float leftPosition = mSideRectWidth
+ i * oneDp
+ (getWidth() - mSideRectWidth * 2 - (BoxES_COUNT - 1) * oneDp) * i / BoxES_COUNT;
float rightPosition = mSideRectWidth
+ i * oneDp
+ (getWidth() - mSideRectWidth * 2 - (BoxES_COUNT - 1) * oneDp) * (i + 1)
/ BoxES_COUNT;
if (i == 0) {
fillRectLeft(canvas,leftPosition,rightPosition,(i + 1) + "");
} else if ( i == BoxES_COUNT - 1) {
fillRectRight(canvas,(i + 1) + "");
} else {
fillRect(canvas,(i + 1) + "");
}
}
//draw black lines
for (int i = 1; i < BoxES_COUNT; i++) {
float position = mSideRectWidth + (getWidth() - mSideRectWidth * 2) * i / BoxES_COUNT;
canvas.drawLine(position,position,mBlackPaint);
}
}
private void fillRect(Canvas canvas,float left,float right,String number) {
rect.set(left + oneDp / 2,0 + oneDp / 2,right - oneDp / 2,getHeight() - oneDp / 2);
float xPos = left + ((right - left) / 2);
float yPos = (canvas.getHeight() / 2) - ((mTextPaint.descent() + mTextPaint.ascent()) / 2);
//((textPaint.descent() + textPaint.ascent()) / 2) is the distance from the baseline to the center.
canvas.drawText(number,xPos,yPos,mTextPaint);
//canvas.drawRect(rect,mWindowPaint);
// top row
rect2.set(left + oneDp / 2,left + (right - left) * 20 / 100 - oneDp / 2,windowHeight - oneDp / 2);
canvas.drawRect(rect2,mWindowPaint);
rect2.set(left + (right - left) * 27 / 100 + oneDp / 2,left + (right - left) * 47 / 100 - oneDp / 2,mWindowPaint);
rect2.set(left + (right - left) * 53 / 100 + oneDp / 2,left + (right - left) * 73 / 100 - oneDp / 2,mWindowPaint);
rect2.set(left + (right - left) * 80 / 100 + oneDp / 2,left + (right - left) * 100 / 100 - oneDp / 2,mWindowPaint);
// bottom row
rect2.set(left + oneDp / 2,getHeight() - windowHeight + oneDp / 2,getHeight() - oneDp / 2);
canvas.drawRect(rect2,mWindowPaint);
}
private void fillRectLeft(Canvas canvas,mWindowPaint);
// top row
rect2.set(left + (right - left) * 4 / 100 + oneDp / 2,left + (right - left) * 24 / 100 - oneDp / 2,mWindowPaint);
rect2.set(left + (right - left) * 42 / 100 + oneDp / 2,left + (right - left) * 62 / 100 - oneDp / 2,mWindowPaint);
// bottom row
rect2.set(left + (right - left) * 4 / 100 + oneDp / 2,mWindowPaint);
}
private void fillRectRight(Canvas canvas,mWindowPaint);
// top row
rect2.set(left + (right - left) * 0 / 105 + oneDp / 2,left + (right - left) * 20 / 105 - oneDp / 2,mWindowPaint);
rect2.set(left + (right - left) * 38 / 105 + oneDp / 2,left + (right - left) * 58 / 105 - oneDp / 2,mWindowPaint);
rect2.set(left + (right - left) * 78 / 105 + oneDp / 2,left + (right - left) * 98 / 105 - oneDp / 2,mWindowPaint);
// bottom row
rect2.set(left + (right - left) * 0 / 105 + oneDp / 2,mWindowPaint);
}
}
