[英]Preventing TextView and ImageView Overlap In Relative Layout
我有一個titleTv
( titleTv
)和titleTv
( buyButton
),如果titleTv
名稱有點長,有時會重疊。
如何預防? 我知道可以使用外部庫完成此操作-但似乎沒有一種簡單的方法可以完成此操作,這很奇怪。
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingBottom="7dip"
android:paddingTop="7dip" >
<TextView
android:id="@+id/titleTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/white"
android:paddingLeft="5dp"
android:text=""
android:textSize="20sp" />
<TextView
android:id="@+id/uploaderTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/titleTv"
android:paddingLeft="5dip"
android:paddingTop="5dp"
android:textColor="@color/verylightgrey"
android:textSize="16sp" />
<TextView
android:id="@+id/viewCountTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/titleTv"
android:layout_toRightOf="@id/uploaderTv"
android:paddingTop="5dp"
android:textColor="@android:color/black"
android:textSize="16sp" />
<ImageView
android:id="@+id/buyButton"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:adjustViewBounds="true"
android:paddingTop="7dip"
android:src="@drawable/buy_a_up_btn" />
</RelativeLayout>
(重疊的字段是視頻的標題和$按鈕)
嘗試這個:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingBottom="7dip"
android:paddingTop="7dip" >
<ImageView
android:id="@+id/buyButton"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:adjustViewBounds="true"
android:paddingTop="7dip"
android:src="@drawable/buy_a_up_btn" />
<TextView
android:id="@+id/titleTv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/buyButton"
android:background="@color/white"
android:paddingLeft="5dp"
android:text=""
android:textSize="20sp" />
<TextView
android:id="@+id/uploaderTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/titleTv"
android:paddingLeft="5dip"
android:paddingTop="5dp"
android:textColor="@color/verylightgrey"
android:textSize="16sp" />
<TextView
android:id="@+id/viewCountTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/titleTv"
android:layout_toRightOf="@id/uploaderTv"
android:paddingTop="5dp"
android:textColor="@android:color/black"
android:textSize="16sp" />
</RelativeLayout>
只需將您的ImageView
添加到該TextView
之下。 在您的ImageView聲明中添加此屬性
android:layout_below="@+id/titleTv"
現在,xml應該是這樣的:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingBottom="7dip"
android:paddingTop="7dip" >
<TextView
android:id="@+id/titleTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/white"
android:paddingLeft="5dp"
android:text=""
android:textSize="20sp" />
<TextView
android:id="@+id/uploaderTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/titleTv"
android:paddingLeft="5dip"
android:paddingTop="5dp"
android:textColor="@color/verylightgrey"
android:textSize="16sp" />
<TextView
android:id="@+id/viewCountTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/titleTv"
android:layout_toRightOf="@id/uploaderTv"
android:paddingTop="5dp"
android:textColor="@android:color/black"
android:textSize="16sp" />
<ImageView
android:id="@+id/buyButton"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_below="@+id/titleTv"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:adjustViewBounds="true"
android:paddingTop="7dip"
android:src="@drawable/buy_a_up_btn" />
</RelativeLayout>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.