Android: Wie das Bild zu beheben, das meinen Text überlappt?

Question

Wie behebe ich diesen Fehler? Im Grunde überlappt das Bild den Text. Können wir das in XML beheben?

Hier ist der Code (natürlich ist es unvollständig).

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#FFCC0000" 
    > 

    <TextView 
     android:background="#55000000" 
     android:id="@+id/centerButton" 
     android:text="RELATIVE LAYOUT RULES!" 
     android:textSize="33dp" 
     android:textColor="#FFFFFF" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true"/> 

    <Button 
     android:layout_margin="40dp" 
     android:padding="20dp" 
     android:layout_below="@+id/centerButton" 
     android:layout_centerInParent="true" 
     android:text="PUSH ME!" 
     android:textSize="30dp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/button4" /> 

    <ImageView 
     android:scaleType="centerInside" 
     android:id="@+id/imageView3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/Cat" 
     android:layout_above="@+id/centerButton" 
     android:layout_alignParentStart="true" 
     android:layout_marginBottom="39dp" /> 


</RelativeLayout> 

SCREENSHOT DER FEHLER:

Answer 1

Ändern Sie den Auftrag Textview -> Image zu Imageview -> Textview

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#FFCC0000" 
    > 

    <ImageView 
     android:scaleType="centerInside" 
     android:id="@+id/imageView3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/Cat" 
     android:layout_above="@+id/centerButton" 
     android:layout_alignParentStart="true" 
     android:layout_marginBottom="39dp" /> 


    <TextView 
     android:background="#55000000" 
     android:id="@+id/centerButton" 
     android:text="RELATIVE LAYOUT RULES!" 
     android:textSize="33dp" 
     android:textColor="#FFFFFF" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true"/> 

    <Button 
     android:layout_margin="40dp" 
     android:padding="20dp" 
     android:layout_below="@+id/centerButton" 
     android:layout_centerInParent="true" 
     android:text="PUSH ME!" 
     android:textSize="30dp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/button4" /> 



</RelativeLayout> 

Answer 2

nicht sicher, was Sie genau gesuchte, aber ich kann mir zwei schnelle Lösungen:

Zunächst einmal müssen Sie die TextView ‚s ändern id Tag an etwas anderes, es hat derzeit die gleiche id als Ihre Button, die nicht gut ist. Ich denke du meinst centerText.

1. Sie möchten die TextView über die ImageView

erscheinen Um das zu erreichen, dass Sie tatsächlich brauchen, um knapp unter dem ImageView Element das TextView XML-Element zu bewegen. Da Ansichten in Bezug auf das XML-Layout von oben nach unten "geschichtet" sind, wird dies den TextView auf den ImageView setzen.

2. Sie wollen die ImageView einfach nicht die TextView

überlappen Sie android:layout_above="@+id/centerButton"-android:layout_above="@+id/centerText" ändern könnte, wo centerText ist Ihr TextView mit dem korrigierten id Tag natürlich.

Hoffentlich löst das Ihr Problem! Wenn nicht, sei bitte etwas genauer, was du erreichen willst!

Answer 3

Android das Layout in anderen von dem anderen von oben nach unten in XML-Datei ziehen. Wenn Sie möchten, dass Ihre TextView-Zeichnung oben angezeigt wird, müssen Sie sie nach unten bringen.