java - ViewPager 内的 RecyclerView 位于另一个 RecyclerView 内不滚动

Question

我正在尝试创建一个像 Vine/Instagram 一样的用户个人资料。我有个人资料 fragment ，里面有一个包含两个不同 ViewHolders 的 RecyclerView。其中之一是标题(用户的个人资料图片、用户名等)，另一个是 TabLayout 和 ViewPager。

ProfileAdapter.java

private static final int TYPE_HEADER = 1;
private static final int TYPE_PAGER = 2;

private Context mContext;
private FragmentManager mFragmentManager;

public ProfileAdapter(Context context, FragmentManager fragmentManager) {
    this.mContext = context;
    this.mFragmentManager = fragmentManager;
}

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    RecyclerView.ViewHolder viewHolder;
    LayoutInflater inflater = LayoutInflater.from(mContext);

    if (viewType == TYPE_HEADER) {
        View view = inflater.inflate(R.layout.layout_profile_header, parent, false);
        viewHolder = new ProfileHeaderViewHolder(view);
    } else {
        View view = inflater.inflate(R.layout.layout_profile_view_pager, parent, false);
        viewHolder = new ProfileViewPagerViewHolder(view);
    }

    return viewHolder;
}

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

    if (holder instanceof ProfileHeaderViewHolder) {

    } else if (holder instanceof ProfileViewPagerViewHolder) {
        ((ProfileViewPagerViewHolder) holder).viewPager
                .setAdapter(new ProfileViewPagerViewHolder.ProfilePagerAdapter(mFragmentManager));
    }
}

@Override
public int getItemViewType(int position) {

    if (position == 0) {
        return TYPE_HEADER;
    } else {
        return TYPE_PAGER;
    }
}

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

ProfileHeaderViewHolder.java

public class ProfileHeaderViewHolder extends RecyclerView.ViewHolder {

private CircleImageView profilePic;

private TextView nameText;
private TextView bioText;
private TextView urlText;

private TextView postsCountText;
private TextView followersCountText;
private TextView followingsCountText;

private TabLayout tabLayout;

public ProfileHeaderViewHolder(View itemView) {
    super(itemView);

    profilePic = (CircleImageView) itemView.findViewById(R.id.iv_profile_pic);
    nameText = (TextView) itemView.findViewById(R.id.tv_name);
    urlText = (TextView) itemView.findViewById(R.id.tv_url);
    bioText = (TextView) itemView.findViewById(R.id.tv_bio);

    postsCountText = (TextView) itemView.findViewById(R.id.tv_posts);
    followersCountText = (TextView) itemView.findViewById(R.id.tv_followers);
    followingsCountText = (TextView) itemView.findViewById(R.id.tv_followings);
}
}

ProfileViewPagerViewHolder.java

public class ProfileViewPagerViewHolder extends RecyclerView.ViewHolder {

public TabLayout tabLayout;
public ViewPager viewPager;

public ProfileViewPagerViewHolder(View itemView) {
    super(itemView);

    tabLayout = (TabLayout) itemView.findViewById(R.id.tab_layout);
    viewPager = (ViewPager) itemView.findViewById(R.id.vp_profile);

    tabLayout.addTab(tabLayout.newTab().setText("Posts"));
    tabLayout.addTab(tabLayout.newTab().setText("Dares"));

    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));

    tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            viewPager.setCurrentItem(tab.getPosition());
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });
}

public static class ProfilePagerAdapter extends FragmentPagerAdapter {

    public ProfilePagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {

        switch (position) {

            case 0:
                return new ProfilePostsFragment();

            case 1:
                return new ProfileDaresFragment();

            default:
                return null;
        }
    }

    @Override
    public int getCount() {
        return 2;
    }
}
}

我不确定这是否是实现我想要实现的目标的好方法。我希望用户能够在用户配置文件 fragment 内的两个选项之间切换。

fragment_profile.xml

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

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

</LinearLayout>

layout_profile_view_pager.xml

<?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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/colorGreyLight" />

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    app:tabGravity="fill"
    app:tabMode="fixed" />

<android.support.v4.view.ViewPager
    android:id="@+id/vp_profile"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

</LinearLayout>

到目前为止，我所做的大部分工作似乎都有效，我遇到的唯一问题是我可以看到第一个项目，但无法进一步向下滚动以查看 rv_profile_posts RecyclerView 中的其余项目。

任何帮助将不胜感激。

Answer 1

在这种情况下，请在 RecyclerView 上设置触摸监听器

yourRecyclerview.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            v.getParent().requestDisallowInterceptTouchEvent(true);
            return false;
        }
    });