[英]TextView Spanning 2 Rows with RelativeLayout
我正在尝试创建一个如下所示的列表项: -
| date | src | type | value |
| description | .. |
我使用如下所示的相对布局: -
<?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="wrap_content">
<TextView
android:id="@+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true">
</TextView>
<TextView
android:id="@+id/src"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/date"
android:layout_alignParentTop="true">
</TextView>
<TextView
android:id="@+id/type"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/src"
android:layout_alignParentTop="true">
</TextView>
<TextView
android:id="@+id/value"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:gravity="right"
android:layout_toRightOf="@id/type"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:textAppearance="?android:attr/textAppearanceLarge"/>
<TextView
android:id="@+id/description"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/date"
android:layout_toLeftOf="@id/value"
android:layout_alignRight="@id/type"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true">
</TextView>
</RelativeLayout>
但我得到的更像是这样: -
| date | src | type |
| description | value |
我无法让最右边的单元格跨越两行。 我是以错误的方式使用它还是有另一种正确的布局类型。
谢谢
这对我有用:
<?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">
<TextView
android:id="@+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</TextView>
<TextView
android:id="@+id/src"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/date">
</TextView>
<TextView
android:id="@+id/type"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/src">
</TextView>
<TextView
android:id="@+id/value"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_toRightOf="@+id/type"
android:gravity="right"
android:layout_alignParentRight="true"
android:textAppearance="?android:attr/textAppearanceLarge"/>
<TextView
android:id="@+id/description"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/date"
android:layout_toLeftOf="@id/value"
android:layout_alignRight="@id/value">
</TextView>
</RelativeLayout>
我尝试了你提供的代码,它按照书面工作。 看下面的图片(我添加了一些颜色和文字,所以我可以在GUI布局编辑器中看到它)。
但是,我认为更好的实现可能更符合您的要求:
<?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="wrap_content" >
<TextView
android:id="@+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true" >
</TextView>
<TextView
android:id="@+id/src"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@id/date" >
</TextView>
<TextView
android:id="@+id/type"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@id/src" >
</TextView>
<TextView
android:id="@+id/value"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_alignBottom="@+id/description"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_toRightOf="@id/type"
android:background="@color/red"
android:gravity="center|center"
android:textAppearance="?android:attr/textAppearanceLarge" />
<TextView
android:id="@id/description"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignRight="@id/type"
android:layout_below="@id/date"
android:layout_toLeftOf="@id/value" >
</TextView>
</RelativeLayout>
哪个给你这个:
我认为你应该使用两个为TextView分配权重的LinearLayout(s)
像这样
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:weightSum="4" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView" />
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:weightSum="2"
android:layout_below="@+id/linearLayout1" >
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView" />
</LinearLayout>
</RelativeLayout>
编辑:如果您想要如上所述的预定义数量的元素,这应该有用
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.