如何在android列表视图中对齐文本视图?
我的列表视图看起来是这样的,它非常糟糕,因为如果名字比姓氏长,文本视图会覆盖我的日期和前缀A(表示到达),但如果姓氏比名字长,则一切正常。 然而,我在这里想问的是,也许有人知道如何对齐它们,使文本视图不会相互重叠? 这是我的单行项目的xml:如何在android列表视图中对齐文本视图?,android,android-layout,android-listview,android-xml,Android,Android Layout,Android Listview,Android Xml,我的列表视图看起来是这样的,它非常糟糕,因为如果名字比姓氏长,文本视图会覆盖我的日期和前缀A(表示到达),但如果姓氏比名字长,则一切正常。 然而,我在这里想问的是,也许有人知道如何对齐它们,使文本视图不会相互重叠? 这是我的单行项目的xml: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sample Data"
android:textSize="15sp"
android:paddingBottom="5dp" />
<TextView android:id="@+id/surName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sample Data 2"
android:textSize="15sp"
android:layout_below="@id/name"
android:paddingBottom="5dp" />
<TextView
android:id="@+id/textA"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/surName"
android:paddingBottom="5dp"
android:paddingLeft="10dp"
android:paddingRight="5dp"
android:text="A:"
android:textSize="15sp" />
<TextView
android:id="@+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:layout_toRightOf="@id/textA"
android:text="Sample Data 3"
android:textSize="15sp" />
<TextView
android:id="@+id/time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/surName"
android:layout_alignBottom="@+id/surName"
android:layout_alignLeft="@id/date"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="Sample Data 4"
android:textSize="15sp" />
<TextView
android:id="@+id/textD"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/date"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="D:"
android:textSize="15sp" />
<TextView
android:id="@+id/date2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:layout_toRightOf="@id/textD"
android:text="Sample Data 3"
android:textSize="15sp" />
<TextView
android:id="@+id/time2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/date2"
android:layout_alignBottom="@id/time"
android:layout_alignLeft="@id/date2"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="Sample Data 4"
android:textSize="15sp" />
</RelativeLayout>
您正在使用相对布局,因此添加:
android:layout_toLeftOf
android:layout_toRightOf
在您的文本视图中,这样它们就不会相互重叠了
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<LinearLayout
android:id="@+id/namesur"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
>
<TextView android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sample Data"
android:layout_weight="1"
android:textSize="15sp"
android:paddingBottom="5dp" />
<TextView android:id="@+id/surName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sample Data 2"
android:layout_weight="1"
android:textSize="15sp"
android:layout_below="@id/name"
android:paddingBottom="5dp" />
</LinearLayout>
<TextView
android:id="@+id/textA"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/namesur"
android:paddingBottom="5dp"
android:paddingLeft="10dp"
android:paddingRight="5dp"
android:text="A:"
android:textSize="15sp" />
<TextView
android:id="@+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:layout_toRightOf="@id/textA"
android:text="Sample Data 3"
android:textSize="15sp" />
<TextView
android:id="@+id/time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@id/namesur"
android:layout_alignBottom="@id/namesur"
android:layout_alignLeft="@id/date"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="Sample Data 4"
android:textSize="15sp" />
<TextView
android:id="@+id/textD"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/date"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="D:"
android:textSize="15sp" />
<TextView
android:id="@+id/date2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:layout_toRightOf="@id/textD"
android:text="Sample Data 3"
android:textSize="15sp" />
<TextView
android:id="@+id/time2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/date2"
android:layout_alignBottom="@id/time"
android:layout_alignLeft="@id/date2"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="Sample Data 4"
android:textSize="15sp" />
这对我来说非常合适:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="5dp"
android:orientation="horizontal">
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:shrinkColumns="*"
android:stretchColumns="*"
android:weightSum="2">
<TableRow android:weightSum="15"
android:paddingBottom="5dp">
<TextView
android:id="@+id/name"
android:ellipsize="marquee"
android:maxWidth="120dp"
android:singleLine="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="5"
android:text="Sample Data"
android:textSize="15sp" />
<TextView
android:id="@+id/textA"
android:ellipsize="marquee"
android:singleLine="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="A:"
android:textSize="15sp" />
<TextView
android:id="@+id/date"
android:ellipsize="marquee"
android:maxWidth="90dp"
android:singleLine="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="Sample Data 3"
android:textSize="15sp" />
<TextView
android:id="@+id/textD"
android:ellipsize="marquee"
android:singleLine="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="D:"
android:textSize="15sp" />
<TextView
android:id="@+id/date2"
android:ellipsize="marquee"
android:maxWidth="90dp"
android:singleLine="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="Sample Data 3"
android:textSize="15sp" />
</TableRow>
<TableRow android:weightSum="15"
android:paddingBottom="5dp">
<TextView
android:id="@+id/surName"
android:ellipsize="marquee"
android:maxWidth="120dp"
android:singleLine="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="5"
android:text="Sample Data 2"
android:textSize="15sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="2"
android:ellipsize="marquee"
android:singleLine="true"
android:text=" "
android:textSize="15sp" />
<TextView
android:id="@+id/time"
android:ellipsize="marquee"
android:maxWidth="90dp"
android:singleLine="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="Sample Data 4"
android:textSize="15sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="2"
android:ellipsize="marquee"
android:singleLine="true"
android:text=" "
android:textSize="15sp" />
<TextView
android:id="@+id/time2"
android:ellipsize="marquee"
android:maxWidth="90dp"
android:singleLine="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="Sample Data 4"
android:textSize="15sp" />
</TableRow>
</TableLayout>
</LinearLayout>
我创建了一个包含两行的表,并使用
weightSum
来调整文本视图的比例。设置的ellipsize=“marquee”
和maxWidth
可确保文本不会重叠到行中的下一项。使用线性布局和权重sum尝试使用此布局,权重总和不允许我像现在一样在一行中创建两行,所有内容都会变得混乱。否,因为这样做,文本视图将按名称和姓氏对齐,我希望它们都像列一样对齐,然后您必须将姓氏文本视图设置为正确对齐:“@id/name”,它们的长度将相同