android studio：布局预览与实际设备布局不同

因此，我刚刚安装了android studio，并尝试在我的真实设备上使用一个按钮运行默认项目，这是我看到的：

文本在右边而不是左边，信封图标在左边而不是右边，按钮只是在屏幕上自动换行

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.hello.tsvi.myapp.MainActivity"
tools:showIn="@layout/activity_main"
android:background="#1bb0ce">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:id="@+id/textView" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New Button"
    android:id="@+id/button"
    android:layout_below="@+id/textView"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_marginRight="41dp"
    android:layout_marginEnd="41dp"
    android:layout_marginTop="145dp" />
    </RelativeLayout>

知道我做错了什么吗？

试试这个：

<?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.hello.tsvi.myapp.MainActivity"
        tools:showIn="@layout/activity_main"
        android:background="#1bb0ce">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            android:id="@+id/textView"
            android:layout_alignParentRight="true" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Your envelop Button"
            android:id="@+id/button"
            android:layout_below="@+id/textView"
            android:layout_alignParentLeft="true" />
            </RelativeLayout>

那么问题出在哪里？重新移动这些行代码android:paddingBottom=“@dimen/activity\u vertical\u margin”android:paddingLeft=“@dimen/activity\u horizontal\u margin”android:paddingTop=“@dimen/activity\u vertical\u margin”xml中的FAB在哪里？您想要什么结果？问题是图片中的所有元素都不在它们应该在的位置