按钮未显示在模拟器或设备上

Question

我是 Android 的初学者。我创建了 2 个活动。第一个活动有 1 个按钮（比如 Button1）和 1 个 TextView（比如 TextView1），第二个活动有 1 个 TextView（比如 TextView2）。第一个活动中TextView 的文本值为“Hello World！”，当按下Button1 时打开第二个Activity，传递TextView1 的值（即“地狱世界！”）。第二个Activity将得到的值赋给TextView2并显示。

所有这些都运行良好。

当我在第一个活动中添加一个新的Button（比如Button2）并编写一个onClick() 方法以将TextView1 的文本从“Hello World！”更改为到“你好安卓！”反之亦然。现在，当我在我的设备或模拟器上运行它时，我看不到这个添加的按钮 (Button2)，当我单击 Button1 时，它仍然可以正常工作，但我看不到 Button2。

谁能帮我解决这个问题？

XML 布局：MainActivity

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:text="@string/hello_world" />

<Button
    android:id="@+id/ourButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignRight="@+id/textView"
    android:layout_below="@+id/textView"
    android:layout_marginRight="37dp"
    android:onClick="buttonClick"
    android:text="@string/button_string" />

<Button
    android:id="@+id/ourButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/textView"
    android:layout_below="@+id/textView"
    android:layout_marginLeft="50dp"
    android:focusable="false"
    android:onClick="buttonClick2"
    android:text="@string/button_string2" />

</RelativeLayout>

Answer 1

这是因为你有两次android:layout_below="@+id/textView"。试试这个：

<!-- below the previous view : ourButton -->
<Button
android:id="@+id/ourButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/textView"
android:layout_below="@id/ourButton"
android:layout_marginLeft="50dp"
android:focusable="false"
android:onClick="buttonClick2"
android:text="@string/button_string2" />

另外，不要使用@+id/ 来对齐您的布局。添加id 时可以正确使用它，但创建id 时，您只需将android:layout_toLeftOf="@id/prevId" 与@id 对齐即可。

---

例子：

这里的布局：

                         |---- text -----|
                                           <- both are below text
                         |---- view1 ----|| <- view align right
     view align left -> ||---- view2 ----| 

如您所见，左右对齐位于 TextView 的“边框”上，因为您在 TextView 下方设置了对齐。所以它看起来像这样：

                       |------ text ------|
                                           <- both are below text
  view1 align left -> ||---- view 1&2 ----|| <- view2 align right  

您的观点相互重叠。如果你想让文本下方的两个按钮并排，尝试添加一个容器，如下所示：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal|center_vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/textView"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/ourButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="50dp"
            android:onClick="buttonClick"
            android:text="@string/button_string" />

        <Button
            android:id="@+id/ourButton2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="buttonClick2"
            android:text="@string/button_string2" />

    </LinearLayout>

</RelativeLayout>

希望这会有所帮助。

Answer 2

      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:paddingBottom="@dimen/activity_vertical_margin"
          android:paddingLeft="@dimen/activity_horizontal_margin"
          android:paddingRight="@dimen/activity_horizontal_margin"
          android:paddingTop="@dimen/activity_vertical_margin"
          tools:context=".MainActivity" >

    <TextView
         android:id="@+id/textView"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_centerHorizontal="true"
         android:layout_centerVertical="true"
         android:text="@string/hello_world" />

    <Button
         android:id="@+id/ourButton"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignRight="@+id/textView"
         android:layout_below="@+id/textView"
         android:layout_marginRight="37dp"
         android:onClick="buttonClick"
         android:text="@string/button_string" />

    <Button
         android:id="@+id/ourButton2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@+id/ourButton"
         android:layout_marginLeft="50dp"
         android:focusable="false"
         android:onClick="buttonClick2"
         android:text="@string/button_string2" />

  </RelativeLayout>

Answer 3

请尝试删除

    android:layout_marginRight="37dp"

然后尝试。你能看到 xml 图形布局的输出吗？当我在我的 xml 上尝试此操作时，我可以在图形布局中看到（我使用了您在问题中提到的相同代码）。

Answer 4

// try this way
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    android:gravity="center"
    android:padding="5dp"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp">
    <Button
        android:id="@+id/ourButton"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:onClick="buttonClick"
        android:layout_marginRight="5dp"
        android:text="@string/button_string" />

    <Button
        android:id="@+id/ourButton2"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:focusable="false"
        android:onClick="buttonClick2"
        android:text="@string/button_string2" />
    </LinearLayout>
</LinearLayout>