如何在android xml中制作这种布局

Question

我在将图像视图放置在两个不同布局的中间时遇到问题。 请帮忙

Answer 1

尝试使用约束布局并将图像视图固定到屏幕中心，然后使用垂直偏差将图像视图调整到顶视图的中心。

举个例子：

  <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:id="@+id/footerAd"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:background="@color/black"
            android:orientation="vertical"
            android:visibility="visible"
            tools:layout_editor_absoluteX="0dp"
            tools:layout_editor_absoluteY="-30dp"
            tools:visibility="visible" />

        <ImageView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="@color/colorPrimary"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.498"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.198" />


    </androidx.constraintlayout.widget.ConstraintLayout>

Answer 2

这可以使用 ConstraintLayout 实现：请注意 ImageView 的约束。

  <androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/container_top"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:background="@android:color/holo_red_light"
    app:layout_constraintTop_toTopOf="parent" />

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/container_bottom"
    android:layout_width="match_parent"
    android:layout_height="400dp"
    app:layout_constraintTop_toBottomOf="@id/container_top" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@mipmap/ic_launcher"
    app:layout_constraintBottom_toTopOf="@id/container_bottom"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/container_top" />