Question

具有id totalTimeView的文本框和具有id设置的ImageButton分别具有layout_gravity left | top和right | top，但它们仍然在应用程序中粘在一起。为什么会这样？下面是我的活动的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>

Answer 1

试试这个：

<?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>

您使用的是android:layout_toRightOf="@+id/totalTimeView"（ImageButton），这就是为什么它们相互依附的原因。另外，你必须添加这两行

android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"

到您的ImageButton布局，以便将其移至屏幕的最右侧。

Answer 2

而不是使用android:layout_gravity settings ImageButton将其RelativeLayout中的右侧和顶部对齐使用：

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

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

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

Answer 3

有一点，不需要在imageButton中同时使用android：id =“@ + id / settings”：

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

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

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

并根据需要调整其他，但不要使用冗余的代码行。

尽管layout_gravity有所不同，为什么这两个元素仍然粘在一起？

3 个答案: