Прокрутка не работает для нескольких RecyclerView в BottomSheet
я реализовал BottomSheet
с помощью DialogFragment
подход. У меня есть TabLayout
и ViewPager
на BottomSheet
. The ViewPager
хостинга 2 страницы, каждая надувает RecyclerView
. Первая (вкладка кофе)RecyclerView
свитки штрафа. Проблема, с которой я сейчас сталкиваюсь, заключается в том, что для 2-го(вкладка "молоко") прокрутка не работает. Есть идеи, как это исправить? Спасибо!
вы можете протестировать демо-проект, который я создал здесь: https://github.com/choongyouqi/bottomsheet`
4 ответов
как упоминал Р. Загурский, я описал причину этого поведения прокрутки здесь, то есть,BottomSheetBehavior
поддерживает только один ребенок прокрутки. Однако этот ответ не был сосредоточен на диалогах нижнего листа.
поэтому-точно так же, как Р. Загурский – я расширил свой собственный библиотека это преодолевает это ограничение. Начиная с 0.0.3 существует поддержка диалогов нижнего листа! Вы можете найти библиотеку и пример приложения здесь: https://github.com/laenger/ViewPagerBottomSheet
чтобы использовать в своем проекте, просто добавьте url-адрес репозитория maven в свою сборку.Gradle в:
repositories {
maven { url "https://raw.github.com/laenger/maven-releases/master/releases" }
}
добавьте библиотеку в зависимости:
dependencies {
compile "biz.laenger.android:vpbs:0.0.3"
}
использовать ViewPagerBottomSheetDialogFragment
супер класс для диалоговых фрагментов. Затем настройте любой ViewPager внутри представления содержимого:
public class DialogFragment extends ViewPagerBottomSheetDialogFragment {
@Override
public void setupDialog(Dialog dialog, int style) {
super.setupDialog(dialog, style);
final View contentView = View.inflate(getContext(), R.layout.dialog_bottom_sheet, null);
final ViewPager viewPager = (ViewPager) contentView.findViewById(R.id.viewpager);
// ...
BottomSheetUtils.setupViewPager(viewPager);
dialog.setContentView(contentView);
}
}
при попытке найти проблему на StackOverflow я нашел этой теме. Он изображает об ошибке (по крайней мере, так я смотрю на это), что BottomSheetBehaviour
работает только для первого прокручиваемого ребенка, которого он находит. Он также предлагает использование различных CoordinatorLayout.Behavior
предложен и опубликован здесь.
тем не менее, ваш случай немного отличается. есть. И именно здесь предоставленное решение не работает. Однако мне удалось oveercome это проблема. Опубликовано хранилище, где ваш проект был изменен для работы. Он использует ViewPagerBottomSheetBehavior
из библиотеки, упомянутой ранее.
в основном, были внесены следующие изменения:
-
StatisticFragment
выходитViewPagerBottomSheetDialogFragment
, а неBottomSheetDialogFragment
-
функция onCreateDialog в
StatisticsFragment
изменено:@NonNull @Override public Dialog onCreateDialog(Bundle savedInstanceState) { ViewPagerBottomSheetDialog dialog = (ViewPagerBottomSheetDialog) super.onCreateDialog(savedInstanceState); View rootView = View.inflate(getContext(), R.layout.sheet_main, null); viewPager = (ViewPager) rootView.findViewById(R.id.viewpager); tabLayout = (TabLayout) rootView.findViewById(R.id.tabs); dialog.setContentView(rootView); mBehavior = ViewPagerBottomSheetBehavior.from((View) rootView.getParent()); mBehavior.setPeekHeight(400); if (viewPager != null && tabLayout != null) { initViewPager(); } return dialog; }
-
следующая функция вызывается на
ViewPager
:BottomSheetUtils.setupViewPager(viewPager);
и это все. Работа над проектом.
следующее делается за кулисами:
BottomSheetDialogFragment
есть только один способ:
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
return new BottomSheetDialog(getContext(), getTheme());
}
здесь BottomSheetDialog
возвращается. Однако он имеет статически определенное поведение, установленное на BottomSheetBehavior
. Что было необходимо, так это переопределить ViewPagerBottomSheetDialogFragment
вернуться ViewPagerBottomSheetDialog
где CoordinatorLayout.Behavior
установлено значение ViewPagerBottomSheetBehavior
. Также пользовательский BottomSheet
должен был быть перекрывается, чтобы привыкнуть к ViewPagerBottomSheetBehavior
.
вам не надо удлинять StatisticFragment
as ViewPagerBottomSheetDialogFragment
или нет необходимости использовать любую библиотеку для этого.
это вы код, который я только что сделал некоторые изменения в вашем Static Fragment
относится к View Pager.
здесь Statistic Fragment
в которые я внес изменения.
нет никаких ошибок, как указано во всех приведенных выше ответах.
замените этот код на ваш старый Static fragment
только не любые другие изменения это даст вам желаемый результат.
I только что внесли изменения вокруг вашего View Pager
только и сделал его работать, как вы хотите.
используется OnPageChangeListener
метод просто получить, что посмотреть.
Статистика Фрагмент.java
public class StatisticFragment extends BottomSheetDialogFragment {
private BottomSheetBehavior mBehavior;
private TabLayout tabLayout;
private ViewPager viewPager;
@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
BottomSheetDialog dialog = (BottomSheetDialog) super.onCreateDialog(savedInstanceState);
View rootView = View.inflate(getContext(), R.layout.sheet_main, null);
viewPager = (ViewPager) rootView.findViewById(R.id.viewpager);
tabLayout = (TabLayout) rootView.findViewById(R.id.tabs);
if (viewPager != null && tabLayout != null) {
initViewPager();
}
final ViewPager.OnPageChangeListener pageChangeListener = new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int arg0) {
// TODO Auto-generated method stub
View view = viewPager.findViewWithTag(arg0);
if (view == null) {
return;
}
CustomPagerAdapter adapter = new CustomPagerAdapter(getContext());
viewPager.setAdapter(adapter);
viewPager.setOffscreenPageLimit(10);
tabLayout.setupWithViewPager(viewPager);
}
@Override
public void onPageScrollStateChanged(int state) {
}
};
viewPager.addOnPageChangeListener(pageChangeListener);
viewPager.post(new Runnable() {
@Override
public void run() {
pageChangeListener.onPageSelected(viewPager.getCurrentItem());
}
});
dialog.setContentView(rootView);
mBehavior = BottomSheetBehavior.from((View) rootView.getParent());
return dialog;
}
private void initViewPager() {
CustomPagerAdapter adapter = new CustomPagerAdapter(getContext());
viewPager.setAdapter(adapter);
viewPager.setOffscreenPageLimit(10);
tabLayout.setupWithViewPager(viewPager);
}
@Override
public void onStart() {
super.onStart();
//mBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
//mBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
}
public class ServiceVideHolder extends RecyclerView.ViewHolder {
protected ViewGroup mItemView;
protected TextView mNameView;
protected TextView mCodeView;
public ServiceVideHolder(View v) {
super(v);
//rootView = v;
mItemView = (ViewGroup) v.findViewById(R.id.item);
mNameView = (TextView) v.findViewById(R.id.main_text);
mCodeView = (TextView) v.findViewById(R.id.sub_text);
}
}
public class ItemViewHolder extends RecyclerView.ViewHolder {
protected TextView mMainText;
protected TextView mSubText;
public ItemViewHolder(View v) {
super(v);
mMainText = (TextView) v.findViewById(R.id.main_text);
mSubText = (TextView) v.findViewById(R.id.sub_text);
}
}
public class ItemAdapter extends RecyclerView.Adapter<ItemViewHolder> {
private List<Item> items;
public ItemAdapter(List<Item> items) {
this.items = items;
}
@Override
public ItemViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);
return new ItemViewHolder(view);
}
@Override
public void onBindViewHolder(final ItemViewHolder viewHolder, final int position) {
final Item item = items.get(position);
viewHolder.mMainText.setText(item.name);
viewHolder.mSubText.setText(item.value);
viewHolder.mMainText.setTextColor(ResourcesCompat.getColor(getResources(), position % 2 == 0 ? R.color.md_red_500 : R.color.md_blue_500, null));
}
@Override
public int getItemCount() {
return items.size();
}
}
class ViewPagerAdapter extends FragmentPagerAdapter {
private final List<Fragment> mFragmentList = new ArrayList<>();
private final List<String> mFragmentTitleList = new ArrayList<>();
public ViewPagerAdapter(FragmentManager manager) {
super(manager);
}
@Override
public Fragment getItem(int position) {
return mFragmentList.get(position);
}
@Override
public int getCount() {
return mFragmentList.size();
}
public void addFrag(Fragment fragment, String title) {
mFragmentList.add(fragment);
mFragmentTitleList.add(title);
}
@Override
public CharSequence getPageTitle(int position) {
return mFragmentTitleList.get(position);
}
}
public class CustomPagerAdapter extends PagerAdapter {
private Context mContext;
public CustomPagerAdapter(Context context) {
mContext = context;
}
@Override
public Object instantiateItem(ViewGroup collection, int position) {
//CustomPagerEnum customPagerEnum = CustomPagerEnum.values()[position];
LayoutInflater inflater = LayoutInflater.from(mContext);
ViewGroup rootView = (ViewGroup) inflater.inflate(R.layout.adapter, collection, false);
rootView.setTag(position);
Toast.makeText(mContext, "Inside Instanciate Item", Toast.LENGTH_SHORT).show();
//View rootView = View.inflate(getContext(), R.layout.adapter, null);
final RecyclerView mRecyclerView = (RecyclerView) rootView.findViewById(R.id.recycler_view);
ArrayList<Item> items = new ArrayList<>();
if (position == 0) {
items.add(new Item("Coffee 1", "1"));
items.add(new Item("Coffee 2", "2"));
items.add(new Item("Coffee 3", "3"));
items.add(new Item("Coffee 4", "4"));
items.add(new Item("Coffee 5", "5"));
items.add(new Item("Coffee 6", "6"));
items.add(new Item("Coffee 7", "7"));
items.add(new Item("Coffee 8", "8"));
items.add(new Item("Coffee 9", "9"));
items.add(new Item("Coffee 10", "10"));
} else {
items.add(new Item("Milk 1", "1"));
items.add(new Item("Milk 2", "2"));
items.add(new Item("Milk 3", "3"));
items.add(new Item("Milk 4", "4"));
items.add(new Item("Milk 5", "5"));
items.add(new Item("Milk 6", "6"));
items.add(new Item("Milk 7", "7"));
items.add(new Item("Milk 8", "8"));
items.add(new Item("Milk 9", "9"));
items.add(new Item("Milk 10", "10"));
}
final ItemAdapter mAdapter = new ItemAdapter(items);
mRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity(), LinearLayoutManager.VERTICAL, false));
mRecyclerView.setNestedScrollingEnabled(false);
mRecyclerView.setAdapter(mAdapter);
Paint paint = new Paint();
paint.setStrokeWidth(1);
paint.setColor(ResourcesCompat.getColor(getResources(), R.color.md_grey_500, null));
paint.setAntiAlias(true);
paint.setPathEffect(new DashPathEffect(new float[]{25.0f, 25.0f}, 0));
mRecyclerView.addItemDecoration(new HorizontalDividerItemDecoration.Builder(getActivity()).showLastDivider().paint(paint).build()); //.marginResId(R.dimen.leftmargin, R.dimen.rightmargin)
collection.addView(rootView);
return rootView;
}
@Override
public void destroyItem(ViewGroup collection, int position, Object view) {
collection.removeView((View) view);
}
@Override
public int getCount() {
return 2;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public CharSequence getPageTitle(int position) {
//CustomPagerEnum customPagerEnum = CustomPagerEnum.values()[position];
return position == 0 ? "Coffee" : "Milk";
}
}
}
это делается.
вы можете использовать 2 RecyclerView в CoordinatorLayout.
<android.support.design.widget.CoordinatorLayout
android:id="@+id/mainBottomSheet"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerViewRight"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerViewLeft"
android:layout_width="200dp"
android:layout_height="match_parent" />
</android.support.design.widget.CoordinatorLayout>
эта ссылке