约束布局 - 将 Viewpager 放置在另一个视图之上

Question

我试图在约束布局中将 Viewpager 放置在另一个视图之上，但是 Viewpager 一直延伸到父视图的底部，除非我使用设置的高度，例如“150dp”。我如何才能让它只延伸到 "Create a new account" 布局的顶部？

我尝试过的事情：

-将 viewpager 的高度设为一定量的 dp (150dp)，它可以工作，但我更喜欢让它匹配多个设备高度

-添加约束将 Viewpager 的底部约束到创建帐户布局的顶部，不起作用

这是我的布局代码：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:fillViewport="true">

<android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:focusable="true"
    android:focusableInTouchMode="true">

    <TextView
        android:id="@+id/appname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="MyApp"
        android:textColor="@color/colorBlackFont"
        android:textSize="25sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.2"/>


    <TextView
        android:id="@+id/textview_betterexperience"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text=""
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/appname"/>



    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:drawablePadding="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="48dp"
        android:layout_marginEnd="8dp"
        android:hint="Username"
        android:textSize="14dp"
        android:textCursorDrawable="@drawable/cursor_color"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/textview_betterexperience"
        app:layout_constraintWidth_percent=".75"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintVertical_bias="1">

        <View
            android:id="@+id/divider_bottom"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/dividerColor"
            android:layout_alignParentTop="true"/>

        <TextView
            android:id="@+id/textview_newaccount"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="8dp"
            android:text="Create a new account"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:textStyle="bold" />

    </RelativeLayout>


</android.support.constraint.ConstraintLayout>

</ScrollView>

我希望它看起来像这样的最终结果：

Answer 1

app:layout_constraintBottom_toTopOf="@id/unnamed_relativeLayout" 
app:layout_constrainedHeight="true" (or set layout_height to 0dp)

预览可能会很奇怪，但一旦应用中的内容膨胀就会显示

Answer 2

您缺少查看寻呼机的底部限制条件。在下面使用应用程序：

layout_constraintBottom_toTopOf="@id/relativeLayoutId"

Answer 3

将 id 添加到您的相对布局

<RelativeLayout
            android:id="@+id/relativeLayout"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintVertical_bias="1">

然后在您的 viewpager 中添加

   app:layout_constraintBottom_toTopOf="@id/relativeLayout"

并设置 android:layout_height="0dp" 使其符合约束条件。

约束布局 - 将 Viewpager 放置在另一个视图之上

Constraint Layout - Placing a Viewpager above another view

android

android-viewpager

android-constraintlayout