Android BottomSheetBehavior для фрагмента с вложенным RecyclerView - странное расположение элементов

Я пытаюсь создать простой тестовый проект, используя фрагменты в качестве дочерних элементов в CoordinatorLayout, и я столкнулся со странными проблемами макета, если вложенный фрагмент имеет RecyclerView и BottomSheetBehavior. Итак, у меня есть корневое представление — CoordinatorLayout, которое содержит два LinearLayouts (контейнеры для фрагментов). Я хочу, чтобы первый фрагмент всегда был внизу, чтобы второй мог переполнять его (точно так же, как BottomSheet). Но когда я запускаю его, у меня странное поведение макета элементов RecyclerView. Когда я расширяю BottomSheet в первый раз, первые несколько элементов работают правильно, но когда я прокручиваю ресайклер вниз, внезапно элементы начинают иметь поля с размером экрана, поэтому на экране виден только один дочерний элемент. Но он по-прежнему позволяет прокручивать. Когда я прокручиваю вверх, это поведение сохраняется даже для первых элементов, которые вели себя правильно при запуске. Я попытался использовать пользовательский RecyclerView.ItemDecoration, чтобы установить верхнее и нижнее поля элемента равными 0, но это не помогает. Вот код:
MainActivity.java

public class MainActivity extends AppCompatActivity {
    private static final String TAG_SCROLL = "ScrollingFragment";
    private static final String TAG_BACK = "BgFragment";

    private View mBgContainer;
    private View mScrollContainer;

    @Override
    protected void onCreate( Bundle savedInstanceState ) {
        super.onCreate( savedInstanceState );
        setContentView( R.layout.activity_main );

        mBgContainer = findViewById( R.id.bg_container );
        mScrollContainer = findViewById( R.id.scroll_container );

        Fragment fragm = new ScrollingFragment();
        Fragment back  = new BackFragment();
        getSupportFragmentManager()
                .beginTransaction()
                .add( R.id.bg_container, back, TAG_BACK )
                .add( R.id.scroll_container, fragm, TAG_SCROLL )
                .commit();

        BottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from( mScrollContainer );

        bottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
            @Override
            public void onStateChanged( @NonNull View bottomSheet, int newState ) {

                if(newState==BottomSheetBehavior.STATE_EXPANDED){
                    bottomSheet.requestLayout();
                    bottomSheet.invalidate();
                }
            }

            @Override
            public void onSlide(@NonNull View bottomSheet, float slideOffset) {

            }
        });
    }
}


Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout android:id="@+id/main_container"
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.nstudio.coordinatortest.MainActivity">

    <LinearLayout android:id="@+id/bg_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"/>

    <LinearLayout android:id="@+id/scroll_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:behavior_hideable="false"
            app:behavior_peekHeight="80dp"
            app:layout_behavior="android.support.design.widget.BottomSheetBehavior"/>

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


ScrollingFragment.java

public class ScrollingFragment extends Fragment {

    private RecyclerView mRecycler;
    private RecyclerView.LayoutManager mLayoutManager;

    @Nullable
    @Override
    public View onCreateView( LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState ) {
        View v = inflater.inflate( R.layout.scrolling_fragment, container, false );
        mRecycler = (RecyclerView)v.findViewById( R.id.recycler_view );
        mLayoutManager = new LinearLayoutManager( getContext() );
        mRecycler.setLayoutManager( mLayoutManager );
        mRecycler.setAdapter( new DummyAdapter() );
        mRecycler.addItemDecoration( new VerticalSpaceItemDecoration( 0 ) );
        return v;
    }
    private class DummyAdapter extends RecyclerView.Adapter<DummyViewHolder> {

        private String[] mColors = {"#000000", "#0000ff", "#00ff00", "#ff0000", "#00ffff", "#ff00ff", "#ffff00"};

        @Override
        public DummyViewHolder onCreateViewHolder( ViewGroup parent, int viewType ) {
            return new DummyViewHolder(LayoutInflater.from( getContext() ).inflate( R.layout.dummy_view, parent, false ));
        }

        @Override
        public void onBindViewHolder( DummyViewHolder holder, int position ) {
            holder.setText(position);
            int pos = position % (mColors.length-1);
            holder.setColor(mColors[pos]);
        }

        @Override
        public int getItemCount() {
            return 200;
        }
    }

    private class DummyViewHolder extends RecyclerView.ViewHolder {
        private TextView mTv;
        public DummyViewHolder( View itemView ) {
            super( itemView );
            mTv = (TextView)itemView.findViewById( R.id.tv );
        }

        public void setText(int position) {
            mTv.setText( Integer.toString( position ) );
        }

        public void setColor(String color) {
            mTv.setBackgroundColor( Color.parseColor( color ) );
        }
    }

    public class VerticalSpaceItemDecoration extends RecyclerView.ItemDecoration {

        private final int mVerticalSpaceHeight;

        public VerticalSpaceItemDecoration(int mVerticalSpaceHeight) {
            this.mVerticalSpaceHeight = mVerticalSpaceHeight;
        }

        @Override
        public void getItemOffsets( Rect outRect, View view, RecyclerView parent,
                                    RecyclerView.State state) {
            outRect.top = mVerticalSpaceHeight;
            outRect.bottom = mVerticalSpaceHeight;
        }
    }
}


scrolling_fragment.xml

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

    <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

</LinearLayout>


dummy_view.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <TextView android:id="@+id/tv"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:textColor="#ffffff"
            android:textSize="20sp"
            android:gravity="center"/>

</LinearLayout>


BackFragment.java

public class BackFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView( LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState ) {
        return inflater.inflate( R.layout.back_fragment, container, false );
    }
}


И build.gradle

apply plugin: 'com.android.application'

android {
    compileSdkVersion 23
    buildToolsVersion "23.0.1"

    defaultConfig {
        applicationId "com.nstudio.coordinatortest"
        minSdkVersion 16
        targetSdkVersion 23
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        debug {
            minifyEnabled false
            proguardFiles 'proguard-rules.pro'
        }
        release {
            minifyEnabled false
            proguardFiles 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:design:23.2.0'
    compile 'com.android.support:recyclerview-v7:23.2.0'
    compile 'com.android.support:design:23.2.0'
}

Для иллюстрации есть гифка

Любая помощь приветствуется!




Ответы (1)


Каждый элемент в вашем адаптере представления ресайклера имеет высоту всего окна.

фиктивный_просмотр.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"> <!-- HERE -->

    <TextView android:id="@+id/tv"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:textColor="#ffffff"
            android:textSize="20sp"
            android:gravity="center"/>

</LinearLayout>

Измените высоту на wrap_content. На самом деле это вполне логично, однако вплоть до поддержки библиотек версии 23.1.1 (я думаю) match_parent игнорировалась.

person Eugen Pechanec    schedule 06.09.2016
comment
Спасибо, это помогает! Мне просто интересно, почему у первых элементов нормальное расположение, а у других нет... - person noktigula; 08.09.2016
comment
У него нет нормальной планировки. Первые 100 dp сверху — это TextView, а остальная часть экрана под ним пуста. И так далее, и так далее. - person Eugen Pechanec; 08.09.2016