将 TextView 居中，同时将其保持在按钮右侧？

Question

我很确定我以前曾经这样做过，但我忘记了如何做。

问题是这样的： 我有一个按钮和一个文本视图，我希望文本视图居中，而按钮位于左侧。

没问题？只需将它们放在相对布局中，使文本视图居中，按钮对齐父左。

但现在我要动态更改文本，因此它可以写在按钮顶部！我只需在文本视图上添加 toRightOf="@id/button" 即可。不，现在它不再居中了。

我希望我可以提供屏幕截图，但似乎计算机内存不足，无法提供屏幕截图。

这里有一些代码： http://pastebin.com/3N70Vjre （因为我无法粘贴 xml. ..？）

  <RelativeLayout
        android:id="@+id/header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true">
        <Button
                android:id="@+id/leftbutton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:text="text!"
                />
        <TextView
                android:id="@+id/toptext"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@android:color/white"
                android:layout_toRightOf="@id/leftbutton"
                android:layout_centerInParent="true"
                android:textSize="16sp"
                android:textStyle="bold"
                android:text="Text!"
                android:singleLine="true"
                />
  </RelativeLayout>

Answer 1

试试这个（不幸的是我在工作，所以无法跳到 Eclipse 来获取一些代码）-

• 将 TextView 的layout_width 更改为 fill_parent。
• 将 TextView 的重力设置为居中（以便文本在 TextView 内居中）
• 将 Button 的layout_weight 设置为 1，将 TextView 的layout_weight 设置为 2。请注意，您可能需要修改这些数字才能获得您想要的布局正在寻找。

这应该使 TextView 的文本在 Button 之后居中，但它不会使 TextView 本身居中。您可以通过用容器（线性/相对布局）替换 TextView 并在布局而不是 TextView 上执行与上面相同的方法来实现此目的。然后，您可以将 TextView 放入容器内，并将容器的重力设置为“中心”。

希望这有助于为您指明正确的方向:)

Answer 2

您可以尝试这个（伪代码）：

<RelativeLayout>
  <Button>
  <LinearLayout toLeftOf="toptext" type="horizontal">
    <TextView gravity="center">
  </LinearLayout>
</RelativeLayout>

您可能必须将 LinearLayout 设置为 width="fill_parent"。不确定这是否有效。随后您可以尝试此处列出的一些操作： http://thinkandroid.wordpress.com/2010/01/14/how-to-position-views-properly-in-layouts/

Answer 3

尝试首先声明 TextView，然后将按钮与文本视图的左侧对齐。请记住，如果 TextView 变得太宽，您可能会遇到问题。

编辑：我明白了，所以你正在尝试做一些类似于 iPhone 带有后退/下一步按钮的标题（无论如何类似）。尝试一下这个修改。不过，我仍然相信，如果 TextView 变得足够大以点击按钮，您将会遇到问题。

  <RelativeLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/header"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      >
      <TextView
          android:id="@+id/toptext"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textColor="@android:color/white"
          android:layout_alignParentCenter="true"
          android:textSize="16sp"
          android:textStyle="bold"
          android:text="Text!"
          android:singleLine="true"
          />
      <Button
          android:id="@+id/leftbutton"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true"
          android:text="text!"
          />        
  </RelativeLayout>

试试这个 FrameLayout 吧。这可能会做更多你所期望的事情：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <TextView
        android:id="@+id/toptext"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="@android:color/white"
        android:textSize="16sp"
        android:textStyle="bold"
        android:text="Text!"
        android:singleLine="true"
        />
    <Button
        android:id="@+id/leftbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Text!"
        />
</FrameLayout>