我剛剛創建了2個圖紙，試圖讓一個看起來像另一個，但我沒有運氣。關於屏幕截圖，頂部的圖形是使用畫布創建的，底部的圖形是使用XML創建的。 XML繪圖對我來說是完美的，但不幸的是根據Android，我不應該使用它，因爲它會返回「太多視圖」警告。我已經嘗試了以下畫布繪圖方法，但我仍然沒有得到所需的結果。儘管設置屬性畫布繪圖不正確
我已經在十幾個模擬器上測試了這個項目，儘管XML繪圖有這麼多的視圖，但它們都只用了一秒鐘就出現了。
有誰知道什麼其他選擇有解決這令人討厭的畫布問題，並確保畫布繪圖看起來完全一樣的XML繪圖，無論屏幕大小和方向？在這種情況下，還應該忽略「太多視圖」警告和/或我將查看次數限制增加到80以上？所有相關的幫助將不勝感激。
Java代碼
XML代碼
下面你可以在你的代碼的工作後，看到的結果。它幾乎和xml相似，但是如果你用它來看它，你可以發現一些不同之處。
所以當你繪畫時有一些重要的事情。
常見的模式：
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, 0, mSideRectWidth, getHeight(), mRedPaint); //draw left end rectangle
canvas.drawRect(getWidth() - mSideRectWidth, 0, getWidth(), getHeight(),
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, leftPosition, rightPosition, (i + 1) + "");
} else {
fillRect(canvas, leftPosition, rightPosition, (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, 0, position, getHeight(), 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, 0 + 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, 0 + oneDp/2,
left + (right - left) * 47/100 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 53/100 + oneDp/2, 0 + oneDp/2,
left + (right - left) * 73/100 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 80/100 + oneDp/2, 0 + oneDp/2,
left + (right - left) * 100/100 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
// bottom row
rect2.set(left + oneDp/2, getHeight() - windowHeight + oneDp/2,
left + (right - left) * 20/100 - oneDp/2, getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 27/100 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 47/100 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 53/100 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 73/100 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 80/100 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 100/100 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
}
private void fillRectLeft(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 + (right - left) * 4/100 + oneDp/2, 0 + oneDp/2,
left + (right - left) * 24/100 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 42/100 + oneDp/2, 0 + oneDp/2,
left + (right - left) * 62/100 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 80/100 + oneDp/2, 0 + oneDp/2,
left + (right - left) * 100/100 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
// bottom row
rect2.set(left + (right - left) * 4/100 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 24/100 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 42/100 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 62/100 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 80/100 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 100/100 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
}
private void fillRectRight(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 + (right - left) * 0/105 + oneDp/2, 0 + oneDp/2,
left + (right - left) * 20/105 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 38/105 + oneDp/2, 0 + oneDp/2,
left + (right - left) * 58/105 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 78/105 + oneDp/2, 0 + oneDp/2,
left + (right - left) * 98/105 - oneDp/2, windowHeight - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
// bottom row
rect2.set(left + (right - left) * 0/105 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 20/105 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 38/105 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 58/105 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
rect2.set(left + (right - left) * 78/105 + oneDp/2,
getHeight() - windowHeight + oneDp/2, left + (right - left) * 98/105 - oneDp/2,
getHeight() - oneDp/2);
canvas.drawRect(rect2, mWindowPaint);
}
}
肖像 
景觀 
如果您將'float'更改爲'double'，您的答案將會得到改善。在大多數硬件上，單浮點數超過雙浮點數的唯一優點是，如果您處理的是大數組，則單個版本佔用一半的空間，並佔用一半的內存帶寬。否則，'雙'贏得全場。即使你有一個有效的_store_浮點數的原因，當你在計算中使用它們時，你應該提高它們的倍數。 –
如何將一個紅色窗口改爲'mWindowPaint.setStyle（Paint.Style.STROKE_AND_FILL）'而不是'mWindowPaint.setStyle（Paint.Style.STROKE）'？特別是，對於方框2-7中的一個紅色窗口。 – MacaronLover
@MacaronLover是的，你是對的。在繪製填充矩形之前，只需添加'mWindowPaint.setStyle（Paint.Style.FILL_AND_STROKE）'行，然後在繪製空矩形之前返回mWindowPaint.setStyle（Paint.Style.STROKE）。 –
怎麼樣結合兩種變體 - 添加這些意見編程方式使用
addView（your_view，your_layout_params）
所以你必須能夠切換這些rects什麼？ – tachyonflux
您可以創建自定義視圖或使用'include'來分隔您的佈局並繞過皮棉警告。我認爲這對性能沒有任何影響。畢竟，這只是一個警告。 – tachyonflux