2

我怎样才能用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>
4

4 回答 4

8

关键是android:layout_centerVertical因为在 aRelativeLayout你不能使用 normal 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>
于 2012-07-18T00:58:45.953 回答
1 
<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>

在此处输入图像描述

于 2012-07-17T23:48:04.827 回答
0

您的 9999 文本视图和您的第一行或第二行需要在它们自己的水平布局中。通过分别声明它们，你会让事情变得更难。您可以使用相对布局原生的标签以类似的方式对齐它们，但我发现将它们按组声明更容易。IE 将您想要在水平布局中对齐的两个项目包围起来。

于 2012-07-17T23:47:46.277 回答
0

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

或将其视为

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

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

    <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>

然后在右侧的文本视图中进行居中。结帐 center_vertical 等。您还可以将左/右对齐和 centervertical 结合起来。

于 2012-07-18T00:13:56.310 回答