Android Studio中的预览与模拟器上运行的应用程序并不相同。

Question

我刚开始接触Android编程，但是我遇到了一个最简单的问题：将按钮放在屏幕上。在activity.xml文件的预览中一切正常，但在模拟器中则出现混乱，按钮和标签并不在应该在的位置。

举个例子：我把一个按钮放在浮动操作按钮的左侧，但在模拟器中这个按钮却在它的上方。

以下是Android Studio预览图： 以下是模拟器图片： 以下是XML代码：

activity.xml

    <?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.example.ed.wtf.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_dialog_email" />

</android.support.design.widget.CoordinatorLayout>



content.xml

        <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        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"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:context="com.example.ed.wtf.MainActivity"
        tools:showIn="@layout/activity_main">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"
            android:id="@+id/button"
            android:layout_marginBottom="65dp"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true" />
    </RelativeLayout>

- Edward Mandel

---

将floatingActionButton放置在content main中，并为其添加alignParentBottom属性。 - Ashkan Ghodrat

另外，请确保在预览布局中，将主题设置与manifest.xml中的相同。 - Ashkan Ghodrat

Answer 1

从预览窗口的设备编辑器中选择相同的分辨率、英寸和像素，用于您的预览和模拟器。请保留HTML标签。

- user12115664

---

欢迎来到 Stack Overflow！请花些时间详细阐述您的答案，以便未来的读者能够理解。也许可以添加一些用户设置分辨率的步骤？包括截图会更有帮助！ - Hazel へいぜる

Answer 2

我不知道为什么会出现这种差异，但是当你给布局设置宽度和高度时，它在模拟器和工作室预览中将显示相同。

 <include layout="@layout/content_main" 
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

- curiousMind