Question

这是我的代码，我希望ViewPager位于LinearLayout上方和ImageView下方。它位于ImageView下面，但与LinearLayout重叠。我尝试了layout_constarintBottom_toTopOf属性，但是它不起作用。哪个属性可以正确使用来解决此问题

  <android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary">

    <ImageView
        android:id="@+id/img_app_logo"
        android:layout_width="75dp"
        android:layout_height="0dp"
        android:layout_marginTop="10dp"
        android:src="@drawable/app_logo"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintDimensionRatio="4:3"/>

    <LinearLayout
        android:id="@+id/linear_layout_registration"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="parent">

        <android.support.v7.widget.AppCompatTextView
            android:id="@+id/text_get_started"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/get_started_text"
            android:textSize="18sp"
            android:padding="20dp"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="@color/white" />

        <View
            android:layout_width="1dp"
            android:layout_height="30dp"
            android:background="@color/white"
            android:layout_gravity="center"/>

        <android.support.v7.widget.AppCompatTextView
            android:id="@+id/text_sign_in"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/sign_in_text"
            android:textSize="18sp"
            android:padding="20dp"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="@color/white" />

    </LinearLayout>

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@+id/img_app_logo"/>

</android.support.constraint.ConstraintLayout>

Answer 1

使用match_constraint属性从“设计”选项卡->属性中查看页面调度程序的高度。它将根据其约束调整视图寻呼机。

<ImageView
        android:id="@+id/img_app_logo"
        android:layout_width="75dp"
        android:layout_height="0dp"
        android:src="@drawable/home"
        app:layout_constraintDimensionRatio="4:3"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" app:layout_constraintHorizontal_bias="0.501"
        android:layout_marginTop="16dp" app:layout_constraintTop_toTopOf="parent"/>

<LinearLayout
        android:id="@+id/linear_layout_registration"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="parent">

    <android.support.v7.widget.AppCompatTextView
            android:id="@+id/text_get_started"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="get started"
            android:textSize="18sp"
            android:padding="20dp"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="@color/white" />

    <View
            android:layout_width="1dp"
            android:layout_height="30dp"
            android:background="@color/white"
            android:layout_gravity="center"/>

    <android.support.v7.widget.AppCompatTextView
            android:id="@+id/text_sign_in"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Sign In"
            android:textSize="18sp"
            android:padding="20dp"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="@color/white" />

</LinearLayout>

<android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintHorizontal_bias="0.0" android:id="@+id/viewPager"
        app:layout_constraintTop_toBottomOf="@+id/img_app_logo"
        app:layout_constraintBottom_toTopOf="@+id/linear_layout_registration"/>

Answer 2

您可能想要这样的东西...

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

<ImageView
    android:id="@+id/img_app_logo"
    android:layout_width="75dp"
    android:layout_height="0dp"
    android:layout_marginTop="10dp"
    android:src="@drawable/app_logo"
    app:layout_constraintDimensionRatio="4:3"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<android.support.v4.view.ViewPager
    android:id="@+id/viewPager2"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    app:layout_constraintBottom_toTopOf="@+id/linear_layout_registration"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/img_app_logo" />

<LinearLayout
    android:id="@+id/linear_layout_registration"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorAccent"
    android:orientation="horizontal"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent">

    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/text_get_started"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:padding="20dp"
        android:text="@string/get_started_text"
        android:textColor="@color/white"
        android:textSize="18sp" />

    <View
        android:layout_width="1dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:background="@color/white" />

    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/text_sign_in"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:padding="20dp"
        android:text="@string/sign_in_text"
        android:textColor="@color/white"
        android:textSize="18sp" />

</LinearLayout>

约束布局中相对布局的layout_above以上？

2 个答案: