佈局不匹配預覽

Question

我設計了一個用戶按下按鈕時出現的操作表。它是一個單獨的xml文件，我將其包含在另一個佈局文件中。在佈局預覽中，它看起來完全如我所願。但是，當它在我的手機上運行時，佈局會混亂。

下面是它應該如何看：

這裏是它的樣子：

沒有人有任何想法，爲什麼這可能發生？

以下是操作表的佈局代碼。這是不對的顯示部分是在過去的線性佈局

<?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="wrap_content" 
    android:orientation="vertical" > 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/sheet_header" > 

     <ImageButton 
      android:id="@+id/left_justified" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBottom="@+id/center_justified" 
      android:layout_toLeftOf="@+id/center_justified" 
      android:background="@android:color/transparent" 
      android:src="@drawable/alignment_left" /> 

     <ImageButton 
      android:id="@+id/center_justified" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="13dp" 
      android:background="@android:color/transparent" 
      android:src="@drawable/alignment_center" /> 

     <ImageButton 
      android:id="@+id/right_justified" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBottom="@+id/center_justified" 
      android:layout_toRightOf="@+id/center_justified" 
      android:background="@android:color/transparent" 
      android:src="@drawable/alignment_right" /> 

     <ImageButton 
      android:id="@+id/close_button" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBottom="@+id/center_justified" 
      android:background="@android:color/transparent" 
      android:layout_alignParentRight="true" 
      android:layout_alignTop="@+id/center_justified" 
      android:layout_marginRight="10dp" 
      android:src="@drawable/sheet_done_btn" 
      /> 
    </RelativeLayout> 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/sheet_background" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="15dp" > 

      <TextView 
       android:id="@+id/font_text" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1.0" 
       android:gravity="center" 
       android:text="Font" 
       android:textColor="#806014" 
       android:textSize="20sp" /> 

      <TextView 
       android:id="@+id/size_text" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1.0" 
       android:gravity="center" 
       android:text="Size" 
       android:textColor="#806014" 
       android:textSize="20sp" /> 

      <TextView 
       android:id="@+id/color_text" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1.0" 
       android:gravity="center" 
       android:text="Color" 
       android:textColor="#806014" 
       android:textSize="20sp" /> 
     </LinearLayout> 
    </LinearLayout> 

</LinearLayout> 

這裏是它是如何包括：

<FrameLayout 
    android:layout_alignParentBottom="true" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/edit_text_frame"> 

    <include layout="@layout/edit_text"/> 
</FrameLayout> 

編輯：除了修復了這一特定問題有誰知道爲什麼預覽不符合它實際顯示在手機上的方式？

感謝您的幫助！

Answer 1

<?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="wrap_content" 
    android:orientation="vertical" > 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/sheet_header" > 

     <ImageButton 
      android:id="@+id/left_justified" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBottom="@+id/center_justified" 
      android:layout_toLeftOf="@+id/center_justified" 
      android:background="@android:color/transparent" 
      android:src="@drawable/alignment_left" /> 

     <ImageButton 
      android:id="@+id/center_justified" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="13dp" 
      android:background="@android:color/transparent" 
      android:src="@drawable/alignment_center" /> 

     <ImageButton 
      android:id="@+id/right_justified" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBottom="@+id/center_justified" 
      android:layout_toRightOf="@+id/center_justified" 
      android:background="@android:color/transparent" 
      android:src="@drawable/alignment_right" /> 

     <ImageButton 
      android:id="@+id/close_button" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBottom="@+id/center_justified" 
      android:background="@android:color/transparent" 
      android:layout_alignParentRight="true" 
      android:layout_alignTop="@+id/center_justified" 
      android:layout_marginRight="10dp" 
      android:src="@drawable/sheet_done_btn" 
      /> 
    </RelativeLayout> 



     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="15dp" 
     android:background="@drawable/sheet_background" 
     android:orientation="vertical" > 

      <TextView 
       android:id="@+id/font_text" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:gravity="center" 
       android:text="Font" 
       android:textColor="#806014" 
       android:textSize="20sp" /> 

      <TextView 
       android:id="@+id/size_text" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:gravity="center" 
       android:text="Size" 
       android:textColor="#806014" 
       android:textSize="20sp" /> 

      <TextView 
       android:id="@+id/color_text" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:gravity="center" 
       android:text="Color" 
       android:textColor="#806014" 
       android:textSize="20sp" /> 
     </LinearLayout> 


</LinearLayout> 

Answer 2

您可以將字體，大小，顏色TextViews放置到表格佈局中。