![](/img/trans.png)
[英]Android - having trouble properly sizing an xml layout used for a listview row
[英]Android trouble with listview row XML layout
我有一個帶有自定義適配器的ListView,並且我正在嘗試修改列表項行的布局XML,以使其看起來正確。 我正在嘗試實現以下布局(假設以下內容垂直居中):
Icon Title >
Description
但是,我遇到的問題是標題和說明的長度不同,因此,帶有較長文本的“>”圖標會向右推(有時會超出屏幕)。
我試圖使“>”圖標始終位於屏幕的最右邊緣,並用省略號“加蓋”任何更長的文本。 我寧願不使用RelativeLayout。 這是我的代碼:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingTop="10dp"
android:paddingBottom="10dp" >
<ImageView
android:id="@+id/status"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_gravity="center_vertical"
android:src="@drawable/icon" />
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="@+id/serverName"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingRight="10dp"
android:paddingLeft="10dp"
android:textSize="16sp" />
<TextView
android:id="@+id/description"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingRight="10dp"
android:paddingLeft="15dp"
android:textSize="10sp"
android:singleLine="true"
android:ellipsize="end" />
</LinearLayout>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_gravity="center_vertical"
android:gravity="right"
android:src="@drawable/chevron" />
</LinearLayout>
我將不勝感激。
使用RelativeLayout可以實現這一點。 這是android開發者博客LINK的示例
將您的圖標放在另一個LinearLayout
只需忽略並替換您的圖標和文本顏色,因為它是我的習慣。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:orientation="horizontal" android:layout_height="wrap_content">
<LinearLayout android:layout_width="fill_parent" android:padding="5sp" android:layout_height="fill_parent" android:layout_weight="5">
<ImageView android:id="@+id/news_image" android:layout_height="50sp" android:layout_width="50sp" android:scaleType="center" android:src="@drawable/my_icon" />
</LinearLayout>
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="8sp" android:layout_weight="2">
<TextView android:text="News Heading" android:id="@+id/news_heading" android:layout_height="wrap_content" android:textSize="20sp" android:ellipsize="end" android:maxLines="1" android:layout_width="fill_parent" android:textColor="@color/themePlainBlue"></TextView>
<TextView android:text="News Details" android:id="@+id/news_details" android:layout_height="wrap_content" android:ellipsize="end" android:maxLines="1" android:layout_width="fill_parent"></TextView>
</LinearLayout>
<LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="5.6">
<ImageView android:id="@+id/news_image" android:layout_height="50sp" android:scaleType="center" android:src="@drawable/list_arrow" android:layout_width="32sp" android:layout_gravity="center_vertical|center_horizontal"></ImageView>
</LinearLayout>
</LinearLayout>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.