时间戳

首页 > 解决方案 > 在相对布局中约束对象（在 ConstraintLayout 下）在另一个对象之上

android - 在相对布局中约束对象（在 ConstraintLayout 下）在另一个对象之上

问题描述

我在 RelativeLayout 中有 4 个 ImageViews（箭头键图片）。我想将向上箭头键放置在左边的上方（不完全在上面），在这里附上一个示例布局（左边是我想要的）。

但是，我不想使用标签android:layout_marginTop="165dp"，因为不同的设备有不同的屏幕尺寸。我只想使用android:layout_above="@+id/left", 将其完美地定位在左箭头上方。但是当我这样做时，不使用android:layout_marginTop，结果看起来像这样（我不想要的）。

如何使我的箭头键排列在所有设备上看起来都正确对齐？

这是我的 XML：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
    tools:context=".ControllerActivity">


    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
    >

        <ImageView
            android:id="@+id/up"
            android:layout_width="84dp"
            android:layout_height="96dp"
            android:layout_above="@+id/left"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="165dp"
            android:background="?attr/selectableItemBackgroundBorderless"
            android:clickable="true"
            app:srcCompat="@drawable/up" />

        <ImageView
            android:id="@+id/left"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/up"
            android:layout_toStartOf="@+id/up"
            app:srcCompat="@drawable/left" />

        <ImageView
            android:id="@+id/down"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_below="@+id/left"
            android:layout_centerHorizontal="true"
            app:srcCompat="@drawable/down" />

        <ImageView
            android:id="@+id/right"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_centerVertical="true"
            android:layout_toEndOf="@+id/up"
            android:layout_toRightOf="@+id/up"
            app:srcCompat="@drawable/right" />


    </RelativeLayout>
</android.support.constraint.ConstraintLayout>

提前致谢。

标签： androidandroid-layoutandroid-relativelayout

解决方案

首先，我想指出，现在的相对布局是多余的。所以你可以让它成为你的父布局而不是约束布局。

要完成您想要的，请删除向上箭头上的 alignParentTop。因此，您的代码将如下所示：

<?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"
    tools:context=".ControllerActivity">

        <ImageView
            android:id="@+id/up"
            android:layout_width="84dp"
            android:layout_height="96dp"
            android:layout_above="@+id/left"
            android:layout_centerHorizontal="true"
            android:background="?attr/selectableItemBackgroundBorderless"
            android:clickable="true"
            app:srcCompat="@drawable/up" />

        <ImageView
            android:id="@+id/left"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/up"
            android:layout_toStartOf="@+id/up"
            app:srcCompat="@drawable/left" />

        <ImageView
            android:id="@+id/down"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_below="@+id/left"
            android:layout_centerHorizontal="true"
            app:srcCompat="@drawable/down" />

        <ImageView
            android:id="@+id/right"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_centerVertical="true"
            android:layout_toEndOf="@+id/up"
            android:layout_toRightOf="@+id/up"
            app:srcCompat="@drawable/right" />

</RelativeLayout>

推荐阅读