如何在选项卡布局中将布局放置在固定位置?

时间:2018-07-21 09:51:36

标签: android android-layout android-linearlayout

我有一个tabs活动,其中有3个tab。一切正常,但是我想在片段的底部添加一个按钮,该按钮应固定在FAB之类的位置。按钮布局在底部,但仅当我向下滚动片段时。即使滚动上方的recyclerview,我想要的按钮布局也应固定在某个位置。如何实现,有人可以帮忙吗? 我的xml代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.v7.widget.RecyclerView
    android:id="@+id/rv_messages"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/padd_5"
    android:layout_weight="1" />

<LinearLayout
    android:id="@+id/replyLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/padd_2"
    android:layout_weight="0"
    android:background="@drawable/custom_border"
    android:padding="@dimen/padd_5">

    <EditText
        android:id="@+id/edt_reply"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:hint="@string/write_a_comment"
        android:textColor="@color/grey"
        android:textSize="15sp" />

    <Button
        android:id="@+id/btn_reply"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_gravity="center"
        android:background="@color/colorAccent"
        android:text="@string/reply"
        android:textAllCaps="false"
        android:textColor="@color/white" />


</LinearLayout>

</LinearLayout>

正在显示回复布局,但是当我向上滚动时

enter image description here

我要的是,应将回复布局固定在一个位置,并在其后面放置recyclerview内容。应将回复布局固定在突出显示的位置

4 个答案:

答案 0 :(得分:0)

尝试

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_messages"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/padd_5"
        android:layout_weight="1" />

    <LinearLayout
        android:id="@+id/replyLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_margin="@dimen/padd_2"
        android:layout_weight="0"
        android:background="@drawable/custom_border"
        android:padding="@dimen/padd_5">

        <EditText
            android:id="@+id/edt_reply"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="@string/write_a_comment"
            android:textColor="@color/grey"
            android:textSize="15sp" />

        <Button
            android:id="@+id/btn_reply"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_gravity="center"
            android:background="@color/colorAccent"
            android:text="@string/reply"
            android:textAllCaps="false"
            android:textColor="@color/white" />


    </LinearLayout>

</RelativeLayout>

答案 1 :(得分:0)

执行以下操作:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.v7.widget.RecyclerView
    android:id="@+id/rv_messages"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_margin="@dimen/padd_5"
    android:layout_weight="1" />

<LinearLayout
    android:id="@+id/replyLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/padd_2"
    android:background="@drawable/custom_border"
    android:padding="@dimen/padd_5">

    <EditText
        android:id="@+id/edt_reply"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:hint="@string/write_a_comment"
        android:textColor="@color/grey"
        android:textSize="15sp" />

    <Button
        android:id="@+id/btn_reply"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_gravity="center"
        android:background="@color/colorAccent"
        android:text="@string/reply"
        android:textAllCaps="false"
        android:textColor="@color/white" />
</LinearLayout>
</LinearLayout>

答案 2 :(得分:0)

请尝试此操作,我已进行了一些更改。 1.添加滚动视图 2.更改布局权重 3.线性布局为相对布局。 4. alignParent Bottom = true

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
   <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_messages"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/padd_5"
        android:layout_weight="1" />
</ScrollView>

<RelativeLayout
android:id="@+id/replyLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="@dimen/padd_2"
android:layout_alignParentBottom="true"
android:background="@drawable/custom_border"
android:padding="@dimen/padd_5">

<EditText
    android:id="@+id/edt_reply"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="5"
    android:hint="@string/write_a_comment"
    android:textColor="@color/grey"
    android:textSize="15sp" />

<Button
    android:id="@+id/btn_reply"
    android:layout_width="0dp"
    android:layout_height="40dp"
    android:layout_weight="3.5"
    android:layout_gravity="center"
    android:background="@color/colorAccent"
    android:text="@string/reply"
    android:textAllCaps="false"
    android:textColor="@color/white" />


</RelativeLayout>

</LinearLayout>

答案 3 :(得分:0)

使用ContraintLayout可以很容易地做到这一点。

尝试此代码。

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_messages"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_margin="@dimen/padd_5"
        app:layout_constraintBottom_toTopOf="@+id/replyLayout"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0" />

    <LinearLayout
        android:id="@+id/replyLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/padd_5"
        android:padding="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent">

        <EditText
            android:id="@+id/edt_reply"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="Comment"
            android:textColor="@color/grey"
            android:textSize="15sp" />

        <Button
            android:id="@+id/btn_reply"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_gravity="center"
            android:background="@color/colorAccent"
            android:text="Reply"
            android:textAllCaps="false"
            android:textColor="@android:color/white" />
    </LinearLayout>
</android.support.constraint.ConstraintLayout>

即使recyclerview向上/向下滚动,此约束也将答复布局留在底部。 顶部区域提供给recylcerview,其中填充了消息,底部区域用于答复您使用LinearLayout创建的布局。