Question

如何使用RelativeLayout进行这种简单的布局？

--------------------------------
First line
                           9999
Second line
--------------------------------

两件事：

在“第一行”和“第二行”之间没有空行。
数字“9999”在右侧对齐，垂直居中。

我试过了，但没有用

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="?android:attr/listPreferredItemHeight"
android:padding="6dip"
android:gravity="center_vertical">

<TextView  
    android:id="@+id/second_line"
    android:layout_width="wrap_content"
    android:layout_height="26dip" 
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:singleLine="true"
    android:ellipsize="marquee"
    android:layout_gravity="right"
    android:text="Second Line" />

<TextView android:id="@+id/first_line"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_above="@id/second_line"
    android:layout_alignWithParentIfMissing="true"
    android:singleLine="true"
    android:ellipsize="marquee"
    android:text="First line"
    android:gravity="center_vertical" />

<TextView  
    android:id="@+id/number"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent" 
    android:layout_alignParentRight="true"
    android:layout_toRightOf="@id/first_line"
    android:text="99999" />

</RelativeLayout>

Answer 1

关键是android:layout_centerVertical，因为在RelativeLayout中，您无法使用普通android:layout_gravity。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="6dip">

    <TextView 
        android:id="@+id/first_line"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:singleLine="true"
        android:text="First line" />

    <TextView  
        android:id="@+id/second_line"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/first_line"
        android:singleLine="true"
        android:text="Second Line" />

    <TextView  
        android:id="@+id/number"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:text="99999" />

</RelativeLayout>

Answer 2

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="?android:attr/listPreferredItemHeight"
android:padding="6dip"
android:gravity="center">

<TextView 
    android:id="@+id/first_line"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignWithParentIfMissing="true"
    android:singleLine="true"
    android:text="First line"
     />
<TextView  
    android:id="@+id/number"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent" 
    android:layout_alignParentRight="true"
    android:layout_below="@+id/first_line"
    android:gravity="right"
    android:text="99999" />

<TextView  
    android:id="@+id/second_line"
    android:layout_width="wrap_content"
    android:layout_height="26dip" 
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:singleLine="true"
    android:text="Second Line" />

</RelativeLayout>

enter image description here

Answer 3

您的9999文本视图以及您的第一行或第二行需要采用自己的水平布局。通过分别宣布它们，你会让自己变得更加困难。您可以使用相对布局原生的标签以类似的方式对齐它们，但我发现在组中声明它们更容易。 I.E.围绕要在水平布局中对齐的两个项目。

Answer 4

基本上在一个ViewGroup btw的RelativeLayout中，放入另一个LinearLayout（带有id以便你可以引用它）并使用它来设置布局。将LinearLayout视为RelativeLayout中的另一个元素。因此，作为一般原则，您可以像其他视图项一样使用布局。在活动中你甚至可以引用它们LinearLayout linLayout =（LinearLayout）findViewById（R.id.linearLayoutId）;

或将其视为

ViewGroup vg = (ViewGroup)findViewById(R.id.linearLayoutId).

布局是一种视图。一个ViewGroup。

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="?android:attr/listPreferredItemHeight"
 android:padding="6dip"
  android:gravity="center_vertical">
 <LinearLayout ..... android:id="@+id/linearLayoutId" android:orientation="vertical">
 <TextView  
android:id="@+id/second_line"
android:layout_width="wrap_content"
android:layout_height="26dip" 
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:singleLine="true"
android:ellipsize="marquee"
android:layout_gravity="right"
android:text="Second Line" />

 <TextView android:id="@+id/first_line"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_above="@id/second_line"
android:layout_alignWithParentIfMissing="true"
android:singleLine="true"
android:ellipsize="marquee"
android:text="First line"
android:gravity="center_vertical" />
<LinearLayout>
<TextView  
android:id="@+id/number"
android:layout_width="wrap_content"
android:layout_height="fill_parent" 
android:layout_alignParentRight="true"
android:layout_toRightOf="@id/linearLayoutId"
android:text="99999" />

</RelativeLayout>

然后在文本视图中的东西用于居中。 Checkout center_vertical等。您还可以组合左/右和中心对齐。

RelativeLayout，垂直居中于右侧

4 个答案: