RelativeLayout 对齐 Textview 和 Edittext

Question

我想使用RelativeLayout 水平对齐一个textview，然后是一个edittext，然后是一个textview，然后是一个edittext。我知道你可以用 LinearLayout 来做到这一点，但我想用 relativeLayout 来完成。 我的代码如下：

<?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/userNameLbl"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Username:"
        android:layout_alignParentLeft="true" />
    <EditText
        android:id="@+id/userNameText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/userNameLbl"
        android:minWidth="200dp"
        android:text="Sample Text" />
    <TextView
        android:id="@+id/pwdLbl"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Password:"
        android:layout_toRightOf="@+id/userNameText"
        android:layout_toEndOf="@+id/userNameText" />
    <EditText
        android:id="@+id/userNameText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/pwdLbl"
        android:minWidth="200dp"
        android:text="Sample Text" />
 </RelativeLayout>

但它不起作用。所有的控件（edittexts 和 textviews）都放在一起！我的代码有什么问题？我使用layout_toRightOf 将它们放在一起。 并且因为它被提及，所以控件有足够的位置。 这也是设计师的照片，它的样子：

Answer 1

我复制了您的代码只是为了查看确切的问题，但一切看起来都很好。然而，由于空间问题，最后一个 EditText 在右侧狭窄。 你确定你有足够的空间让所有东西都放得下吗？

如果空间太小，视图可能会相互挤在一起。

Answer 2

当您仔细观察时，在 android:layout_toRightOf 和 android:layout_toEndOf 属性中，您使用的是 @+id/... 值。删除 + 以引用现有资源项。

Answer 3

好的，问题似乎出在 Xamarin Studio 本身，它没有正确呈现布局的内容。因为当我在设备上运行此布局时，控制器彼此相邻放置并没有这样的问题，但设计者显示它完全不同。

Answer 4

试试这个代码，它会根据你的需要对齐：

  <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:orientation="horizontal"
    android:layout_height="match_parent">

        <TextView
            android:id="@+id/userNameLbl"
            android:layout_width="0dp"
            android:layout_weight="0.25"
            android:layout_height="wrap_content"
            android:text="Username:" />
        <EditText
            android:id="@+id/userNameText"
            android:layout_width="0dp"
            android:layout_weight="0.25"
            android:layout_height="wrap_content"

            android:minWidth="200dp"
            android:text="Sample Text" />




        <TextView
            android:id="@+id/pwdLbl"
            android:layout_width="0dp"
            android:layout_weight="0.25"
            android:layout_height="wrap_content"
            android:text="Password:"

            />
        <EditText
            android:id="@+id/userNameText2"
            android:layout_width="0dp"
            android:layout_weight="0.25"
            android:layout_height="wrap_content"


            android:minWidth="200dp"
            android:text="Sample Text" />


</LinearLayout>

如果您需要更多信息，请在下方评论