ユーザーがボタンを押したときに表示されるアクション シートを設計しました。別のレイアウト ファイルに含めているのは別の 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>
編集: この特定の問題の修正に加えて、プレビューが実際に電話に表示される方法と一致しない理由を誰か知っていますか?
助けてくれてありがとう！