使用CoordinatorLayout与RecyclerView和底部固定的EditText

Question

我正在开发一个聊天界面，它由CollapsingToolbarLayout用于用户头像、RecyclerView用于消息列表和一个编辑框用于发送消息组成。我无法确定是否可以将编辑框固定在屏幕底部并防止其随着屏幕的其余部分滚动。

如果我将CoordinatorLayout放在垂直LinearLayout中并将EditText放在CoordinatorLayout外部，则几乎可以实现我想要的效果。 但是，在这种情况下，键盘行为与RecyclerView分离-当您打开键盘时，它不会上下滚动。

如果我尝试将EditText放在CoordinatorLayout内部，它会滚动到屏幕外，我不知道是否需要设置任何特殊行为。

我的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   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:id="@+id/keyboard_listener"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
>

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/coordinator"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    >

    <RecyclerView
       android:id="@android:id/list"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:clickable="true"
       android:clipToPadding="false"
       android:focusableInTouchMode="true"
       android:paddingBottom="20dp"
       android:scrollbarStyle="outsideOverlay"
       android:scrollbars="vertical"
       android:transcriptMode="normal"
       app:layout_behavior="@string/appbar_scrolling_view_behavior"
       />

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        >

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/screen_toolbar_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
            app:titleEnabled="false"
            >

            <FrameLayout
                android:id="@+id/toolbar_fragment_container"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                />

            <Toolbar
                android:id="@+id/screen_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@android:color/transparent"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                app:layout_collapseMode="pin"
                />

        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

        <EditText
            android:id="@+id/messageEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@null"
            android:hint="@string/send_hint"
            android:inputType="textCapSentences|textMultiLine"
            android:maxLength="2000"
            android:maxLines="4"
            android:padding="10dp"
            android:textSize="14sp"/>

</LinearLayout>

- Anton

---

如果你真的想要在屏幕底部放置 EditText，那么你应该将其从 CoordinatorLayout 中排除，并将其放置在你的活动布局中。第二个布局应该是 RelativeLayout，这样你就可以给 EditText 添加属性，如 android:layout_alignParentBottom="true"。 - piotrek1543

@piotrek1543，我很感激你的努力，但抱歉 - 你真的没有帮到我 :) 请再次阅读我的问题 - 我确实在LinearLayout中包裹了CoordinatorLayout，并且我的EditText正如我所希望的那样固定在那里。但是键盘无法滚动RecyclerView。 - Anton

关于您的CoordinatorLayout问题，android:isScrollContainer="true"可以解决此问题，名称有些误导，但注释是关键：如果视图将用作滚动容器，则设置此项，这意味着它可以调整大小以缩小其整体窗口，以便为输入法留出空间。如果未设置，默认值将为true，如果“scrollbars”具有垂直滚动条集，则为true，否则为false。 - Ben Neill

很遗憾，我没有解决你的问题的方法，但是你现有的设置已经足够解决我的问题了。希望这能让你稍微安慰一下？ - DataGraham

@Anton你找到任何解决方案了吗？ - Moorthy

我曾经遇到过同样的问题。这个链接对我很有帮助：https://dev59.com/UF0a5IYBdhLWcg3wCE7P#35405095 - Andrey Gritsay

Answer 1

我的朋友，在你的EditText中添加这个，就像一个FloatingActionButton一样

   app:layout_anchor="@id/your bottom view id"
   app:layout_anchorGravity="bottom|right|end"

- Eric Zhang

---

但在这种情况下，EditText位于RecyclerView之上。 - Deni Erdyneev