Android 为什么这两个元素尽管有不同的布局和重力，但仍然粘在一起？

id为totalTimeView的文本框和id设置为ImageButton的布局分别为左上和右上，但它们在应用程序中仍然粘在一起。为什么会这样？下面是我的xml文件的活动，我附上了一个截图，提前感谢

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/light_blue"
    tools:context=".StoppedActivity">

    <TextView
        android:id="@+id/totalTimeView"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:layout_marginBottom="90dp"
        android:layout_gravity="left|top"
        android:background="@android:color/white"
        android:textColor="@color/started_black"
        />

    <TextView
        android:id="@+id/countDownView"
        android:layout_below="@+id/totalTimeView"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/white_circle"
        android:textColor="@color/started_black"
        android:gravity="center"
        android:textSize="65sp" />

    <ImageButton
        android:id="@+id/settings"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:layout_gravity="right|top"
        android:layout_toRightOf="@+id/totalTimeView"
        android:src="@drawable/ic_settings_black_24dp"
        android:scaleType="fitXY"
        />

    <ToggleButton
        android:id="@+id/toggleSwitch"
        android:gravity="center"
        android:background="@drawable/toggle_selector"
        android:layout_centerInParent="true"
        android:layout_below="@+id/countDownView"
        android:layout_marginTop="40dp"
        android:layout_width="300dp"
        android:layout_height="50dp" />

    <ImageButton
        android:id="@+id/startButton"
        android:background="@drawable/button_selector"
        android:layout_width="360dp"
        android:layout_height="70dp"
        android:layout_alignParentBottom="true"
        android:layout_centerInParent="true"
        android:layout_marginBottom="60dp"
        android:layout_gravity="bottom" />
</RelativeLayout>

对于
设置
图像按钮
不使用
android:layout\u gravity
来对齐右侧和顶部的
相对位置
使用：

android:layout_alignParentTop="true"
android:layout_alignParentRight="true"

以同样的方式对齐布局顶部和左侧的
totalTimeView
视图：

android:layout_alignParentTop="true"
android:layout_alignParentRight="true"

试试这个：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/light_blue"
                tools:context=".StoppedActivity">

    <TextView
        android:id="@+id/totalTimeView"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:layout_marginBottom="90dp"
        android:layout_gravity="left|top"
        android:background="@android:color/white"
        android:textColor="@color/started_black"
        />

    <TextView
        android:id="@+id/countDownView"
        android:layout_below="@+id/totalTimeView"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/white_circle"
        android:textColor="@color/started_black"
        android:gravity="center"
        android:textSize="65sp" />

    <ImageButton
        android:id="@+id/settings"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:layout_gravity="right|top"
        android:src="@drawable/ic_settings_black_24dp"
        android:scaleType="fitXY"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"/>

    <ToggleButton
        android:id="@+id/toggleSwitch"
        android:gravity="center"
        android:background="@drawable/toggle_selector"
        android:layout_centerInParent="true"
        android:layout_below="@+id/countDownView"
        android:layout_marginTop="40dp"
        android:layout_width="300dp"
        android:layout_height="50dp" />

    <ImageButton
        android:id="@+id/startButton"
        android:background="@drawable/button_selector"
        android:layout_width="360dp"
        android:layout_height="70dp"
        android:layout_alignParentBottom="true"
        android:layout_centerInParent="true"
        android:layout_marginBottom="60dp"
        android:layout_gravity="bottom" />
</RelativeLayout>

要将其移动到屏幕的最右侧，请将其移动到您的
ImageButton
布局。
一件事，无需在ImageButton android中同时使用这两种设置：id=“@+id/settings”：

最好是用于imageButton，android:id=“@+id/settings”：

如果需要，请调整其他，但不要使用多余的代码行。
为什么两者都在这里，android:layout\u gravity=“right”top“android:layout\u toRightOf=“@+id/totalTimeView”，请检查下面的答案您是否尝试
layout\u alignParentRight=“true”
？你们说得对，谢谢！
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"

android:layout_gravity="right|top"
android:layout_toRightOf="@+id/totalTimeView"

android:layout_alignParentTop="true"
android:layout_alignParentRight="true"