按钮放置在linear_layout下面，但输出位于linear_layout之上。

Question

我正在开发一个android应用程序，我在其中放置了一些按钮的线性布局。在线性布局之后，我在右下角放置了一个“下一步”按钮。但在运行该应用程序后，它将位于左上角。线性布局位于约束布局中，“下一步”按钮位于线性布局之下，处于约束布局中。

<LinearLayout
    android:id="@+id/toolbar"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="-11dp"
    android:orientation="vertical"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent">


    <mehdi.sakout.fancybuttons.FancyButton
        android:id="@+id/btn_spotify"
        android:layout_width="300dp"
        android:layout_height="55dp"
        android:layout_gravity="center"
        android:layout_marginTop="20dp"
        android:paddingBottom="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:paddingTop="10dp"
        fancy:fb_borderColor="#f4d282"
        fancy:fb_borderWidth="3dp"
        fancy:fb_defaultColor="#bfc9d1"
        fancy:fb_focusColor="#97f7ec"
        fancy:fb_iconPosition="left"
        fancy:fb_iconResource="@drawable/ic_image_black_24dp"

        fancy:fb_radius="20dp"
        fancy:fb_text="LOAD PICTURE"
        fancy:fb_textColor="#121111"
        fancy:fb_textSize="20dp" />

    <mehdi.sakout.fancybuttons.FancyButton
        android:id="@+id/btn_spotify2"
        android:layout_width="300dp"
        android:layout_height="55dp"
        android:layout_gravity="center"
        android:layout_marginTop="10dp"
        android:paddingBottom="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:paddingTop="10dp"
        fancy:fb_borderColor="#f4d282"
        fancy:fb_borderWidth="3dp"
        fancy:fb_defaultColor="#bfc9d1"
        fancy:fb_focusColor="#97f7ec"
        fancy:fb_iconPosition="left"
        fancy:fb_iconResource="@drawable/ic_edit_black_24dp"

        fancy:fb_radius="20dp"
        fancy:fb_text="MANAGE SCHEDULE"
        fancy:fb_textColor="#121111"
        fancy:fb_textSize="20dp" />

    <mehdi.sakout.fancybuttons.FancyButton
        android:id="@+id/btn_spotify3"
        android:layout_width="300dp"
        android:layout_height="55dp"
        android:layout_gravity="center"
        android:layout_marginTop="10dp"
        android:paddingBottom="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:paddingTop="10dp"
        fancy:fb_borderColor="#f4d282"
        fancy:fb_borderWidth="3dp"
        fancy:fb_defaultColor="#bfc9d1"
        fancy:fb_focusColor="#97f7ec"
        fancy:fb_iconPosition="left"
        fancy:fb_iconResource="@drawable/ic_access_alarm_black_24dp"

        fancy:fb_radius="20dp"
        fancy:fb_text="SET MENUALLY"
        fancy:fb_textColor="#121111"
        fancy:fb_textSize="20dp" />

    <Button
        android:id="@+id/btn_process"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/buttonLoadPicture"
        android:foregroundGravity="center_horizontal"
        android:scaleType="centerInside"
        android:text="PROCESS" />

    <Button
        android:id="@+id/btn_next"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn_process"
        android:foregroundGravity="center_horizontal"
        android:scaleType="centerInside"
        android:text="Next Page" />

    <ImageView
        android:id="@+id/imgView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerInside" />

    <TextView
        android:id="@+id/textview_result"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn_process"
        android:foregroundGravity="center_horizontal"
        android:scaleType="centerInside"
        android:text="NO TEXT"
        android:textSize="18sp" />




</LinearLayout>

<mehdi.sakout.fancybuttons.FancyButton
    android:id="@+id/btn_spotify4"
    android:layout_width="150dp"
    android:layout_height="55dp"
    android:layout_gravity="center"
    android:paddingBottom="10dp"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:paddingTop="10dp"
    fancy:fb_borderColor="#f4d282"
    fancy:fb_borderWidth="3dp"
    fancy:fb_defaultColor="#bfc9d1"
    fancy:fb_focusColor="#97f7ec"
    fancy:fb_iconPosition="right"
    fancy:fb_iconResource="@drawable/ic_arrow_forward_black_24dp"

    fancy:fb_radius="20dp"
    fancy:fb_text="Next"
    fancy:fb_textColor="#121111"
    fancy:fb_textSize="20dp"
    tools:layout_editor_absoluteX="208dp"
    tools:layout_editor_absoluteY="420dp" />

​

​

Answer 1

为Next按钮创建底部约束。在next按钮中定义此约束：

 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintRight_toRightOf="parent"
 app:layout_constraintEnd_toEndOf="parent"

每个视图必须至少有一个约束。

来自官方文件：

若要在ConstraintLayout中定义视图的位置，必须为视图添加至少一个水平约束和一个垂直约束。每个约束表示到另一个视图、父布局或不可见准则的连接或对齐。每个约束定义视图沿垂直或水平轴的位置；因此每个视图必须对每个轴至少有一个约束，但通常需要更多约束。

了解更多信息：https://developer.android.com/training/constraint-layout/index.html

Answer 2

如果您想将Next按钮保留在NO文本视图下面，那么只需将下一步的按钮放置在线性布局(id :工具栏)中，并将其保留在布局的末尾。将按钮保存在此布局中后，NEXT按钮将出现在底部。