Quando você trabalha com RelativeLayout
você deve levar em consideração a posição relativa dos elementos ao seu redor, por exemplo: a esquerda de (android:layout_toLeftOf
), abaixo de (android:layout_below
), etc. Quando você quiser fazer a distribuição dos elementos considerando um peso (android:layout_weight
) utilize LinearLayout
, pois senão você não terá o resultado esperado.
No layout que você fez, você utilizou ao mesmo tempo no TextView
as propriedades: android:layout_alignParentLeft="true"
e android:layout_alignParentRight="true"
, ou seja, você determinou que seu TextView
será alinhado a esquerda e a direita, ocupando a largura toda do elemento pai (RelativeLayout
).
Para que seu TextView
não seja sobreposto por outros elementos, remova dele a linha android:layout_alignParentRight="true"
, pode remover também os android:layout_weight
, eles não farão diferença alguma (nesse caso), seu XML deve ficar assim:
<?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">
<TextView
android:id="@+id/tvBoleiro"
android:layout_width="wrap_content"
android:layout_height="40sp"
android:layout_alignParentLeft="true"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp"
android:layout_marginTop="3dp"
android:layout_toLeftOf="@+id/ivGols"
android:ellipsize="end"
android:focusable="false"
android:focusableInTouchMode="false"
android:maxLines="1"
android:textSize="25sp" />
<ImageView
android:id="@id/ivGols"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@+id/btPagamento"
android:background="@null"
android:contentDescription="@string/app_name"
android:focusable="false"
android:focusableInTouchMode="false"
android:src="@drawable/ic_gol" />
<Button
android:id="@id/btPagamento"
android:layout_width="70dp"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/tvBoleiro"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:focusable="false"
android:focusableInTouchMode="false" />
</RelativeLayout>
Se optar por usar LinearLayout
, uma alternativa seria:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tvBoleiro"
android:layout_width="0dp"
android:layout_height="40sp"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp"
android:layout_marginTop="3dp"
android:layout_weight=".65"
android:ellipsize="end"
android:focusable="false"
android:focusableInTouchMode="false"
android:maxLines="1"
android:textSize="25sp" />
<ImageView
android:id="@+id/ivGols"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".15"
android:background="@null"
android:contentDescription="@string/app_name"
android:focusable="false"
android:focusableInTouchMode="false"
android:src="@drawable/ic_gol" />
<Button
android:id="@+id/btPagamento"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".20"
android:focusable="false"
android:focusableInTouchMode="false" />
</LinearLayout>
Nota: utilizei android:layout_width="0dp"
para que os elementos sejam distribuídos corretamente de acordo com seus pesos e android:maxLines="1"
para aparecer os ...
quando e texto for maior que o limite.
Referências
Linear Layout
Relative Layout
Adicionar reticências no TextView com uma ou múltiplas linhas