在coordinatorlayout中的Recycleview

时间:2015-07-05 13:06:37

标签: android android-layout android-recyclerview android-coordinatorlayout

我正在尝试创建在底部有CoordinatorLayout和LinearLayout的RelativeLayout,并发现一些我无法解决的奇怪行为。这是我的布局

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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.design.widget.CoordinatorLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/sender"
        android:background="@android:color/white"
        android:fitsSystemWindows="true">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?actionBarSize"
                android:background="?colorPrimary"
                app:layout_scrollFlags="scroll|enterAlways" />

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

        <android.support.v7.widget.RecyclerView
            android:id="@+id/messages_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

    <LinearLayout
        android:id="@+id/sender"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="center_vertical"
        android:background="@android:color/white">

        <EditText
            android:id="@+id/inputText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:inputType="text" />

        <Button
            android:fontFamily="sans-serif"
            style="?android:attr/borderlessButtonStyle"
            android:textAppearance="?android:textAppearanceButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/send"
            android:textColor="?colorPrimary"
            android:id="@+id/send"/>

    </LinearLayout>

</RelativeLayout>

在适配器中更改数据后,我尝试滚动到最后一个元素(例如通过recyclerView.smoothScrollToPosition(size);),我看到的只是最后一个视图的一部分(不是完整大小)。如果recycleview没有嵌套到CoordinatorLayout - 一切都按预期工作 - 我看到完整大小的最后一个元素视图。如何更改布局才能正常工作?

4 个答案:

答案 0 :(得分:1)

问题似乎是smoothScrollToPosition()会静默滚动RecyclerView而不让CoordinatorLayout关于正在发生的滚动。这就是我提出的。关于它的好处是,如果你在Adapter中有足够的项目,它应该只滚动AppBarLayout

    final AppBarLayout layout = (AppBarLayout) findViewById(R.id.appbar);
    layout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
        @Override
        public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
            lastVerticalOffset = verticalOffset;
        }
    });
    recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            if (tryCollapseAppbarOnNextScroll && lastVerticalOffset != -layout.getTotalScrollRange()) {
                layout.setExpanded(false);
                tryCollapseAppbarOnNextScroll = false;
            }
        }
    });

现在每当您发送消息时,请执行以下操作:

tryCollapseAppbarOnNextScroll = true;
recyclerView.smoothScrollToPosition(adapter.getItemCount()-1);

答案 1 :(得分:0)

尝试这种方式:

<RelativeLayout 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:layout_marginBottom="16dp">

主要用于将android:layout_marginBottom添加到您的活动

答案 2 :(得分:0)

最后一个元素被剪裁,因为RecyclerView在屏幕上不完全可见。它正在被扩展的AppBar推倒。请注意,手动滚动时,AppBar会在到达最后一个元素时收缩。

在我的案例中最有效的方法是在滚动之前简单地折叠AppBar:

AppBarLayout appBarLayout = (AppBarLayout) getActivity().findViewById(R.id.appbar);
appBarLayout.setExpanded(false, false);
recyclerView.smoothScrollToPosition(position);

我想你可以通过仅在需要时折叠它来改进这个解决方案。

如果不需要折叠AppBar,则可以添加与展开的AppBar高度相同的底部填充。但是,会出现其他故障(例如,滚动到已经在RecyclerView中的位置,但只是在屏幕外部)

答案 3 :(得分:0)

在您的代码中

app:layout_scrollFlags="scroll|enterAlways"移除Toolbar,然后将其添加到AppBarLayout,以便它应该是这样的

<android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_scrollFlags="scroll|enterAlways">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?actionBarSize"
            android:background="?colorPrimary"/>

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