列表视图行 XML 布局的 Android 问题答案

【问题标题】：Android trouble with listview row XML layout列表视图行 XML 布局的 Android 问题
【发布时间】：2011-09-16 09:22:13
【问题描述】：

我有一个带有自定义适配器的 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>

我将不胜感激。

【问题讨论】：

标签： android xml listview layout row

【解决方案1】：

使用RelativeLayout 来实现这一点。这是来自android开发者博客LINK的示例

【讨论】：

不错的链接，很有意义。促使我使用 RelativeLayout。
正如链接所说，较少的布局将优化您的 UI。在列表视图的情况下，非常有必要牢记。
+1 和@littleK 是的……！！该链接也影响了我改变我当前的应用程序布局......！非常感谢。

【解决方案2】：

把你的图标放在另一个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>

【讨论】：