繁体   English   中英

Android出现ListView行XML布局问题

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM