图像在约束布局中距顶部有边距

Question

我有一个滚动的内容，所以我在滚动视图中放置了一个约束布局，在将图像放入约束布局时我遇到了问题，但是图像从顶部显示 space，例如屏幕截图下面，我怎样才能删除 space?

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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.support.constraint.ConstraintLayout
            android:id="@+id/constraintLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        <!-- have whatever children you want inside -->
        <ImageView
                app:srcCompat="@drawable/main_header"
                android:id="@+id/img_icon"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:background="#ffccbb"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintWidth_percent="1"
                android:contentDescription="TODO" app:layout_constraintDimensionRatio="1:1"
                app:layout_constraintHorizontal_bias="0.0" app:layout_constraintVertical_bias="0.0"/>
    </android.support.constraint.ConstraintLayout>
</ScrollView>

Answer 1

在您的 Imageview 中添加了 app:layout_constraintDimensionRatio="1:1"，这意味着需要 space 1:1，因此宽度和高度也将为 1:1。但是你的图像 app:srcCompat="@drawable/main_header" 不是 1:1。所以你必须添加一个宽度和高度相同的图像。否则，您可以根据您的期望添加android:scaleType="fitXY"或android:scaleType="centerCrop"。

Answer 2

我刚刚在 phone 上检查了您的代码，看起来不错。我与您不同的一点是，我为 imageView 使用了不同的图像资源。

所以我认为你实际上没有问题，我认为它只是图像及其外观，尝试更改图像资源并查看是否仍然存在此问题。

他是我的布局文件的样子：

<ScrollView 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">

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/constraintLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">


    <ImageView
        android:id="@+id/img_icon"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@drawable/main_header"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>

Answer 3

试试这个，删除 ImageView 中的 app:layout_constraintTop_toTopOf="parent" 它有效！

图像在约束布局中距顶部有边距

Image have margin from top in constraintlayout

android

android-constraintlayout

android-designer