如何将按钮锚定在中心的视图上

Question

我正在尝试完成以下任务： enter image description here

灰色部分是activity的背景，白色部分是横向的LinearLayout。我想创建与 LinearLayout 的顶部边框重叠的微调器，但我所能做的就是将它放在布局内或布局之上。有没有办法做到这一点？或解决方法？

Answer 1

为此我们可以使用 ConstraintLayout。我们需要使用两个属性的组合

layout_constraintTop_toBottomOf
layout_constraintBottom_toBottomOf

这将使 Button 或任何其他 View

居中

示例:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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">

<View
    android:id="@+id/topView"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:background="@android:color/holo_orange_dark"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    android:orientation="horizontal" />

<View
    android:id="@+id/bottomView"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    app:layout_constraintTop_toBottomOf="@id/topView"
    android:background="@android:color/holo_green_light"
    android:orientation="horizontal" />

<com.google.android.material.button.MaterialButton
    android:text="Button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toBottomOf="@id/topView" // this 
    app:layout_constraintBottom_toBottomOf="@id/topView" // and this is important, it aligns the view to the top view
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

结果:

如何将按钮锚定在中心的视图上

How to anchor a Button on a View in the center

android

kotlin

android-linearlayout

android-constraintlayout