Problème d'alignement en mode texte Android

Question

J'ai deux vues de texte pour afficher le texte ci-dessous. Le problème auquel je suis confronté est lorsque la taille du texte dans la vue de texte ci-dessus est longue, il affecte la vue du texte ci-dessous que l'affichage du texte sur l'autre. J'ai l'image et le code que j'ai utilisé est comme ci-dessous. Peut-on trouver une solution pour ce .. merci à l'avance

Image:

code:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
style="@android:style/Theme.Panel" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
> 

<TextView 
    android:id="@+id/title" 
    android:layout_width="50dp" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentRight="true" 
    android:layout_alignParentTop="true" 
    android:layout_marginLeft="10dp" 
    android:layout_marginTop="15dp" 
    android:ellipsize="end" 
    android:textColor="#000000" 
    android:textSize="25sp" 
    android:textStyle="normal" /> 

<TextView 
    android:id="@+id/tamil" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentRight="true" 
    android:layout_below="@+id/title" 
    android:layout_marginLeft="20dp" 
    android:layout_marginTop="10dp" 
    android:textColor="#000000" 
    android:textSize="25px" 
    android:textStyle="bold" /> 

<TextView 
    android:id="@+id/english" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@+id/tamil" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentRight="true" 
    android:layout_alignTop="@+id/tamil" 
    android:layout_marginLeft="20dp" 
    android:layout_marginTop="30dp" 
    android:textColor="#000000" 
    android:textSize="25px" 
    android:textStyle="normal" /> 
    </RelativeLayout> 

Answer 1

Il suffit d'inclure android:layout_below="..." dans votre TextView anglais comme ci-dessous -

<TextView 
android:id="@+id/english" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_alignLeft="@+id/tamil" 
android:layout_alignParentLeft="true" 
android:layout_alignParentRight="true" 
android:layout_marginLeft="20dp" 
android:layout_marginTop="30dp" 
android:textColor="#000000" 
android:layout_below="@+id/tamil" // this line 
android:textSize="25px" 
android:textStyle="normal" /> 

et enlever android:layout_alignTop="@+id/tamil"

Answer 2

Vous pouvez regrouper les deux d'entre eux dans un LinearLayout avec orientation verticale. Cela devrait résoudre votre problème.

Answer 3

dans votre vue texte anglais ajouter comme celui-ci

<TextView android:id="@+id/english" 
android:layout_below="@id/tamil" 

// et supprimer cet attribut aussi

android:layout_alignLeft="@+id/tamil" 
    android:layout_alignParentRight="true" 
    android:layout_alignTop="@+id/tamil" 

ne pas utiliser @+id pour référence est déjà vous défini. ne pas utiliser px pour votre taille de police utilisez sp comme vous l'avez fait pour le titre.