Hinzufügen von Rechtecken über vorhandenen Rechteck in Leinwand

Question

Ich versuche, einige rote Rechtecke innerhalb meiner vorhandenen Leinwand über bestimmte Felder genau wie das erwartete Ergebnis Bild, aber sie erscheinen überhaupt nicht als meine Code zeigt die aktuellen unerwünschten Ergebnis, wenn ich meine App bereitstellen. Mein Code besteht darin, 4 Rechtecke in der oberen Reihe und 4 Rechtecke in der unteren Reihe zu erzeugen, aber ich möchte nur, dass dies oben auf den Kästchen 2-6 hinzugefügt wird, aber ich weiß, dass zusätzlicher Code für die roten Rechtecke über Kästchen hinzugefügt werden muss 1 & 7. Weiß jemand, was ich falsch mache und wie ich das beheben kann? Alle Hilfe wäre willkommen.

public class RectangleTextView extends View { 
    private final Paint mBlackPaint = new Paint(); 
    private final Paint mRedPaint = new Paint(); 
    private final TextPaint mTextPaint; 

    public RectangleTextView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     int valueInDp = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 1, getResources().getDisplayMetrics()); 
     int valueInSp = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 20, getResources().getDisplayMetrics()); 

     mRedPaint.setColor(Color.parseColor("#CC3333")); 

     mBlackPaint.setAntiAlias(false); 
     mBlackPaint.setColor(Color.BLACK); 
     mBlackPaint.setStrokeWidth(valueInDp); 
     mBlackPaint.setStyle(Paint.Style.STROKE); 

     mTextPaint = new TextPaint(TextPaint.ANTI_ALIAS_FLAG); 
     mTextPaint.setColor(Color.BLACK); 
     mTextPaint.setTextAlign(Paint.Align.CENTER); 
     mTextPaint.setTextSize(valueInSp); 

     mWindowPaint = new Paint(); 
     mWindowPaint.setColor(Color.parseColor("#CC3333")); 
     mWindowPaint.setStrokeWidth(valueInDp); 
    } 

    private Paint mWindowPaint; 

    @Override protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     if (getWidth() == 0) 
      return; 

     //initialise red rectangles 
     int w = canvas.getWidth(); 
     int h = canvas.getHeight(); 

     int rectWidth = w/5; 
     int space = w/15; 
     int topRectHeight = getPaddingTop(); 
     int bottomRectHeight = getPaddingBottom(); 


     //draw end rectangles 
     int mSideRectWidth = 10; 
     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")); 
     int boxWidth = (getWidth() - mSideRectWidth)/7; 

     //draw text views 
     for (int i = 0; i < 7; i++) { 
      canvas.drawText(Integer.toString(i + 1), (i * boxWidth + 10) + (boxWidth/2), ((canvas.getHeight()/2) - ((mTextPaint.descent() + mTextPaint.ascent())/2)), mTextPaint); 
     } 

     //draw black lines 
     for (int i = 1; i < 7; i++) { 
      canvas.drawLine(mSideRectWidth + boxWidth * i, 0, mSideRectWidth + boxWidth * i, getHeight(), mBlackPaint); 
     } 

     //draw red windows 
     for (int i = 0; i < 4; i++) { 
      mWindowPaint.setStyle(Paint.Style.STROKE);//add this 
      int left = i * (rectWidth + space); 
      int right = left + rectWidth; 
      if (i == 1){ 
       mWindowPaint.setStyle(Paint.Style.FILL); // change to this 
      } 

      Rect rect = new Rect(left, 0, right, topRectHeight); 
      canvas.drawRect(rect, mWindowPaint); 
      Rect rect2 = new Rect(left, h - bottomRectHeight, right, h); 
      canvas.drawRect(rect2, mWindowPaint); 
     } 
    } 
} 

erwartetes Ergebnis

Strom unerwünschtes Ergebnis

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" 
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"> 

    <com.apptacularapps.car.RectangleTextView 
     android:layout_width="100dp" 
     android:layout_height="45dp" 
     android:paddingTop="10dp" 
     android:paddingBottom="10dp" 
     android:background="#808080" 
     android:gravity="center"/> 

</RelativeLayout> 

MainActivity.java

import android.os.Bundle; 
import android.support.v7.app.AppCompatActivity; 

public class MainActivity extends AppCompatActivity { 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 
    } 
} 

Answer 1

das Problem war, dass man nur vier Rechtecke auf dem Bildschirm witdh Größe erstellt, nicht in der Anzahl der Zellgröße. hier ist der Code:

public class RectangleTextView extends View { 
    private final Paint mBlackPaint = new Paint(); 
    private final Paint mRedPaint = new Paint(); 
    private final TextPaint mTextPaint; 

    public RectangleTextView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     int valueInDp = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 1, getResources().getDisplayMetrics()); 
     int valueInSp = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 20, getResources().getDisplayMetrics()); 

     mRedPaint.setColor(Color.parseColor("#CC3333")); 

     mBlackPaint.setAntiAlias(false); 
     mBlackPaint.setColor(Color.BLACK); 
     mBlackPaint.setStrokeWidth(valueInDp); 
     mBlackPaint.setStyle(Paint.Style.STROKE); 

     mTextPaint = new TextPaint(TextPaint.ANTI_ALIAS_FLAG); 
     mTextPaint.setColor(Color.BLACK); 
     mTextPaint.setTextAlign(Paint.Align.CENTER); 
     mTextPaint.setTextSize(valueInSp); 

     mWindowPaint = new Paint(); 
     mWindowPaint.setColor(Color.parseColor("#CC3333")); 
     mWindowPaint.setStrokeWidth(valueInDp); 
    } 

    private Paint mWindowPaint; 
    Rect rect = new Rect(); 
    Rect rect2 = new Rect(); 

    @Override protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     if (getWidth() == 0) 
      return; 

     //initialise red rectangles 
     int w = canvas.getWidth(); 
     int h = canvas.getHeight(); 

     int rectWidth = ((w - 20)/7)/5; 
     int space = ((w - 20)/7)/15; 
     int topRectHeight = getPaddingTop(); 
     int bottomRectHeight = getPaddingBottom(); 


     //draw end rectangles 
     int mSideRectWidth = 10; 
     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")); 
     int boxWidth = (getWidth() - mSideRectWidth)/7; 

     //draw text views 
     for (int i = 0; i < 7; i++) { 
      canvas.drawText(Integer.toString(i + 1), (i * boxWidth + 10) + (boxWidth/2), ((canvas.getHeight()/2) - ((mTextPaint.descent() + mTextPaint.ascent())/2)), mTextPaint); 
     } 

     //draw black lines 
     for (int i = 1; i < 7; i++) { 
      canvas.drawLine(mSideRectWidth + boxWidth * i, 0, mSideRectWidth + boxWidth * i, getHeight(), mBlackPaint); 
     } 

     //draw red windows 
     for (int index = 0; index < 7; index++) { 

      if (index == 0 || index == 6) { 
       for (int i = 0; i < 3; i++) { 
        mWindowPaint.setStyle(Paint.Style.STROKE);//add this 

        int left = (i * (rectWidth + space)) + (index * boxWidth) + 13 + rectWidth/2 + space/2; 
        int right = left + rectWidth; 

        rect.set(left, 0, right, topRectHeight); 
        canvas.drawRect(rect, mWindowPaint); 

        if (index == 0 && i == 1) { 
         mWindowPaint.setStyle(Paint.Style.FILL); // change to this 
        } 
        rect2.set(left, h - bottomRectHeight, right, h); 
        canvas.drawRect(rect2, mWindowPaint); 

       } 

      } else { 
       for (int i = 0; i < 4; i++) { 
        mWindowPaint.setStyle(Paint.Style.STROKE);//add this 
        int left = (i * (rectWidth + space)) + (index * boxWidth) + 13; 
        int right = left + rectWidth; 

        rect.set(left, 0, right, topRectHeight); 

        canvas.drawRect(rect, mWindowPaint); 

        rect2.set(left, h - bottomRectHeight, right, h); 
        canvas.drawRect(rect2, mWindowPaint); 
       } 
      } 
     } 
    } 
} 

dies ist der vollständige Code perfekt für mich arbeiten. wenn Sie irgendwelche Fragen haben oder Zweifel fühlen sich frei, es zu schreiben :)

das ist, wie ich sie sehe:

Answer 2

Sie sind alle der Rechtecke zeichnen, aber es sieht aus wie Sie alle „odd“ Rechtecke überspringen wollen - oder jedes zweite Rechteck ... und sicher sein, zu ändern die Farbe „rot“ - so etwas wie folgt aus:

//draw red windows 
    for (int i = 0; i < 4; i++) { 
     mWindowPaint.setStyle(Paint.Style.STROKE);//add this 
     int left = i * rectWidth; 
     int right = left + rectWidth; 
     if (i == 1){ 
      mWindowPaint.setStyle(Paint.Style.FILL); // change to this 
     } 

     if (i % 2 == 0) { 
      Rect rect = new Rect(left, 0, right, topRectHeight); 
      canvas.drawRect(rect, mRedPaint); 
      Rect rect2 = new Rect(left, h - bottomRectHeight, right, h); 
      canvas.drawRect(rect2, mRedPaint); 
     } 
    } 
} 

EDIT:

ich denke, die „gefüllt“ Rechteck auf dem Boden sein soll eher wie:

//draw red windows 
    for (int i = 0; i < 4; i++) { 
     int left = i * rectWidth; 
     int right = left + rectWidth; 

     mWindowPaint.setStyle(Paint.Style.STROKE);//add this 
     if (i % 2 == 0) { 
      Rect rect = new Rect(left, 0, right, topRectHeight); 
      canvas.drawRect(rect, mRedPaint); 
      if (i == 1){ 
       mWindowPaint.setStyle(Paint.Style.FILL); // change to this 
      } 
      Rect rect2 = new Rect(left, h - bottomRectHeight, right, h); 
      canvas.drawRect(rect2, mRedPaint); 
     } 
    } 
} 

Answer 3

Versuchen Sie folgendes:

public class RectangleTextView extends View { 
    private final Paint mBlackPaint = new Paint(); 
    private final Paint mRedPaint = new Paint(); 
    private final TextPaint mTextPaint; 

    public RectangleTextView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     int valueInDp = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 1, getResources().getDisplayMetrics()); 
     int valueInSp = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 20, getResources().getDisplayMetrics()); 

     mRedPaint.setColor(Color.parseColor("#CC3333")); 

     mBlackPaint.setAntiAlias(false); 
     mBlackPaint.setColor(Color.BLACK); 
     mBlackPaint.setStrokeWidth(valueInDp); 
     mBlackPaint.setStyle(Paint.Style.STROKE); 

     mTextPaint = new TextPaint(TextPaint.ANTI_ALIAS_FLAG); 
     mTextPaint.setColor(Color.BLACK); 
     mTextPaint.setTextAlign(Paint.Align.CENTER); 
     mTextPaint.setTextSize(valueInSp); 

     mWindowPaint = new Paint(); 
     mWindowPaint.setColor(Color.parseColor("#CC3333")); 
     mWindowPaint.setStrokeWidth(valueInDp); 
    } 

    private Paint mWindowPaint; 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     if (getWidth() == 0) 
      return; 

     //initialise red rectangles 
     int h = canvas.getHeight(); 


     int topRectHeight = getPaddingTop(); 
     int bottomRectHeight = getPaddingBottom(); 


     //draw end rectangles 
     int mSideRectWidth = 10; 
     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")); 
     int boxWidth = (getWidth() - mSideRectWidth)/7; 


     int redRectWidth = boxWidth/5; 
     int redRectSpace = redRectWidth/3; 

     //draw text views 
     for (int i = 0; i < 7; i++) { 
      canvas.drawText(Integer.toString(i + 1), (i * boxWidth + 10) + (boxWidth/2), ((canvas.getHeight()/2) - ((mTextPaint.descent() + mTextPaint.ascent())/2)), mTextPaint); 

      int baseStartX = i * boxWidth; 

      //draw red windows 
      for (int j = 0; j < 4; j++) { 
       mWindowPaint.setStyle(Paint.Style.STROKE);//add this 
       int left = mSideRectWidth + baseStartX + (j * (redRectWidth + redRectSpace)); 
       int right = left + redRectWidth; 
       if (j == 1) { 
        mWindowPaint.setStyle(Paint.Style.FILL); // change to this 
       } 

       Rect rect = new Rect(left, 0, right, topRectHeight); 
       canvas.drawRect(rect, mWindowPaint); 
       Rect rect2 = new Rect(left, h - bottomRectHeight, right, h); 
       canvas.drawRect(rect2, mWindowPaint); 
      } 
     } 

     //draw black lines 
     for (int i = 1; i < 7; i++) { 

      int startX = mSideRectWidth + boxWidth * i; 
      int startY = 0; 
      int stopX = mSideRectWidth + boxWidth * i; 
      int stopY = getHeight(); 
      canvas.drawLine(startX, startY, stopX, stopY, mBlackPaint); 

     } 
    } 
}