[英]How to center two sibling TextView in RelativeLayout?
I have layout like below. 我有下面的布局。 Need that
b
and c
will be centered below a
. 需要
b
和c
将在a
下方居中。 To simplify view need only this one RelativeLayout if is possible. 为了简化视图,如果可能,只需要一个RelativeLayout即可 。
<RelativeLayout
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="60dp">
<TextView
android:id="@+id/a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test 1"
android:paddingTop="3dp" />
<TextView
android:id="@+id/b"
android:layout_below="@id/a"
android:paddingRight="5dp"
android:textColor="#000"
android:text="test 2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/c"
android:layout_toRightOf="@id/b"
android:layout_below="@id/a"
android:textColor="#f00"
android:text="test 3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
UPDATE Now i ended with something like below, but it is not the best, because b
and c
are not exactly below a
. 更新现在我结束于下面的内容,但这不是最好的,因为
b
和c
并不完全低于a
。
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_gravity="center_horizontal"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="60dp">
<TextView
android:id="@+id/a"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test 1"
android:paddingTop="3dp" />
<TextView
android:layout_alignParentBottom="true"
android:paddingRight="5dp"
android:textColor="#000"
android:text="test 2"
android:id="@+id/b"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:layout_alignParentBottom="true"
android:layout_toRightOf="@id/b"
android:textColor="#f00"
android:id="@+id/c"
android:text="test 3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
you have to wrap them in another layout, like this: 您必须将它们包装在另一个布局中,如下所示:
<RelativeLayout
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="60dp">
<TextView
android:id="@+id/a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test 1"
android:paddingTop="3dp" />
<LinearLayout
layout_centerHorizontal="true"
android:layout_below="@id/a"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:id="@+id/b"
android:paddingRight="5dp"
android:textColor="#000"
android:text="test 2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/c"
android:textColor="#f00"
android:text="test 3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</RelativeLayout>
Try this: 尝试这个:
`<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="60dp">
<TextView
android:id="@+id/a"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="test 1"
android:gravity="center_horizontal"
android:textColor="#000"
android:paddingTop="3dp" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:layout_below="@id/a">
<TextView
android:paddingRight="5dp"
android:textColor="#000"
android:text="test 2"
android:id="@+id/b"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:layout_toRightOf="@id/b"
android:layout_below="@id/a"
android:textColor="#f00"
android:id="@+id/c"
android:text="test 3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
</RelativeLayout>`
Like this 像这样
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:background="#dd80aa"
android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="This is on the top"
android:id="@+id/textView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Maybe I will try to make this a long text"
android:id="@+id/textView2"
android:layout_below="@+id/textView"
android:layout_alignRight="@+id/textView"
android:layout_alignEnd="@+id/textView"
android:layout_marginRight="88dp"
android:padding="20dp"
android:background="#aa80ee"
android:layout_marginEnd="88dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="This time I'll try to do this on the right side"
android:padding="20dp" android:background="#70aa80"
android:id="@+id/textView3"
android:layout_below="@+id/textView"
android:layout_alignLeft="@+id/textView"
android:layout_alignStart="@+id/textView"
android:layout_marginLeft="88dp"
android:layout_marginStart="88dp"/>
</RelativeLayout>
for situations like this I use View. 对于这种情况,我使用View。 This works perfect for me
这对我来说很完美
<RelativeLayout
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="60dp">
<TextView
android:id="@+id/a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test 1"
android:layout_centerHorizontal="true"
android:paddingTop="3dp" />
<View
android:id="@+id/center_view"
android:layout_width="0dip"
android:layout_height="0dip"
android:layout_centerHorizontal="true"
android:layout_below="@+id/a"/>
<TextView
android:id="@+id/b"
android:layout_below="@id/a"
android:layout_toLeftOf="@+id/center_view"
android:paddingRight="5dp"
android:textColor="#000"
android:text="test 2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/c"
android:layout_toRightOf="@+id/center_view"
android:layout_below="@id/a"
android:textColor="#f00"
android:text="test 3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
That is not possible you need to use two viewgroup layout either you have to use linearlayout inside Relativelatyou or RelativeLayout inside RelativeLayout 这是不可能的,您需要使用两个视图组布局,或者必须在Relativelatyou内使用linearlayout或在RelativeLayout内使用RelativeLayout
You can only do like this if you use only one ReltiveLayout 如果仅使用一个ReltiveLayout,则只能这样做
Textview a is not in center of the relativelayout. Textview a不在relativelayout的中心。 Add android:layout_centerHorizontal="true" for textview a.
为文本视图a添加android:layout_centerHorizontal =“ true”。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="60dp">
<TextView
android:id="@+id/a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:text="test 1"
android:paddingTop="3dp" />
<TextView
android:id="@+id/b"
android:layout_below="@id/a"
android:paddingRight="5dp"
android:textColor="#000"
android:text="test 2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/c"
android:layout_toRightOf="@id/b"
android:layout_below="@id/a"
android:textColor="#f00"
android:text="test 3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
**Try this**
<?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" >
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true" >
<TextView
android:id="@+id/txtView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="TextView1" />
<TextView
android:id="@+id/txtView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/txtView1"
android:layout_centerInParent="true"
android:text="TextView2" />
<TextView
android:id="@+id/txtView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/txtView1"
android:layout_toRightOf="@+id/txtView2"
android:text="TextView3" />
</RelativeLayout>
</RelativeLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.