文本字段或按钮出现在设计外部？

Question

以下代码我添加文本视图或按钮时遇到问题。每次我尝试它时，都会在设计页面上出现该按钮位于手机外部。我插入一张图片以显示我在设计页面上的意思。

http://postimg.org/image/dtqbnoqxv/

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

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="40dp" 
     android:background="#767eca"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textAppearance="?android:attr/textAppearanceLarge" 
      android:text="label" 
      android:id="@+id/textView" 
      android:layout_centerVertical="true" 
      android:layout_centerHorizontal="true"></TextView> 
    </RelativeLayout> 
<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Button"></Button> 
</LinearLayout> 

Answer 1

尝试增加机器人：方向= “垂直” 或Android：方向= LinearLayout中根据你的愿望的 “水平”。

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

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="40dp" 
     android:background="#767eca"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textAppearance="?android:attr/textAppearanceLarge" 
      android:text="label" 
      android:id="@+id/textView" 
      android:layout_centerVertical="true" 
      android:layout_centerHorizontal="true"></TextView> 
    </RelativeLayout> 
    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Button"></Button> 
</LinearLayout>