在顶部对齐视图，在底部对齐按钮

Question

我需要实现如下视图

我尝试使用约束布局：

<android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

    <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="8dp"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintBottom_toTopOf="@id/segmentedButton">
     </FrameLayout>

     <Buttons
                android:id="@+id/segmentedButton"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent">
     </Buttons>

</android.support.constraint.ConstraintLayout>

当项目很多时效果很好，但是当只有2-3个时，它会显示在中间。另外，我尝试使用 LinearLayout 但没有成功。

Answer 1

尝试使用线性布局，权重属性应按下按钮以对齐父项的末尾

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >

    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_weight="1"
       >
    </FrameLayout>

    <Buttons
        android:id="@+id/segmentedButton"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        >
    </Buttons>

</LinearLayout>

我在这里假设按钮代表您制作的自定义按钮

Answer 2

您也可以使用 RelativeLayout 来获得您想要的结果。通过使用下面的代码，如果还剩 2 或 3 个，您可以在顶部显示项目。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<FrameLayout
    android:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/segmentedButton"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true" />

<Button
    android:id="@+id/segmentedButton"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />

</RelativeLayout>

Answer 3

只需将 Top Constraint 添加到您的 FrameLayout，应该可以解决您的问题。

您的最终布局将是这样的：

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@+id/segmentedButton"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"></FrameLayout>

    <Buttons
        android:id="@+id/segmentedButton"
        android:layout_width="0dp"
        android:layout_height="50dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"></Buttons>

</android.support.constraint.ConstraintLayout>

Answer 4

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

    <FrameLayout
        android:id="@+id/segmentedFrame"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@+id/segmentedButton"
        android:background="@drawable/bg_scan_edittext">
    </FrameLayout>

    <Button
        android:id="@+id/segmentedButton"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        app:layout_constraintTop_toBottomOf="@+id/segmentedFrame"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent">
    </Button>

</android.support.constraint.ConstraintLayout>

在顶部对齐视图，在底部对齐按钮

align view on top and buttons in bottom

android

android-constraintlayout