RecyclerView 在 Google Play 应用中的样子

Question

我正在尝试将应用程序设计为 Google Play/Movies。

我已经根据这个例子制作并定制了SlidingTabs： https://developer.android.com/samples/SlidingTabsBasic/project.html

为了在每个选项卡上显示不同的布局，我将此代码与 differemt R.layout_pager_item:

public Object instantiateItem(ViewGroup container, int position) {
View view = getActivity().getLayoutInflater().inflate(R.layout.pager_item,
                    container, false);
            container.addView(view);
            TextView title = (TextView) view.findViewById(R.id.item_title);
            title.setText(String.valueOf(position + 1));
            return view;
        }

但是当我添加：

    <android.support.v7.widget.RecyclerView
    android:id="@+id/my_recycler_view"
    android:scrollbars="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

到 R.layout_pager_item 我有错误：尝试在空对象引用

上调用虚拟方法 'void android.support.v7.widget.RecyclerView.setHasFixedSize(boolean)'

RecyclerView 涵盖了我所有的选项卡，我只看到了 TollBar 和我的 RecyclerView。

Tabs 和 RecyclerView 是如何组织的？

现在我使用这个代码：

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.ArrayList;


public class ContentFragment extends Fragment{

    private static final String KEY_TITLE = "title";
    private static final String KEY_INDICATOR_COLOR = "indicator_color";
    private static final String KEY_DIVIDER_COLOR = "divider_color";
    private static final String ARGUMENT_PAGE_NUMBER = "arg_page_number";

    int pageNumber;

    private RecyclerView mRecyclerView;
    private MyAdapter mAdapter;
    private RecyclerView.LayoutManager mLayoutManager;
    private ArrayList<String> items;


    public static ContentFragment newInstance(CharSequence title, int indicatorColor,
            int dividerColor, int page) {
        Bundle bundle = new Bundle();
        bundle.putCharSequence(KEY_TITLE, title);
        bundle.putInt(KEY_INDICATOR_COLOR, indicatorColor);
        bundle.putInt(KEY_DIVIDER_COLOR, dividerColor);
        bundle.putInt(ARGUMENT_PAGE_NUMBER, page);

        ContentFragment fragment = new ContentFragment();
        fragment.setArguments(bundle);

        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        pageNumber = getArguments().getInt(ARGUMENT_PAGE_NUMBER);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        switch (pageNumber){
            case 0:
            case 1:
            case 2:
                return inflater.inflate(R.layout.pager_item, container, false);
            mRecyclerView = (RecyclerView) mRecyclerView.findViewById(R.id.my_recycler_view);
            mRecyclerView.setHasFixedSize(true);

            mLayoutManager = new LinearLayoutManager(this);
            mRecyclerView.setLayoutManager(mLayoutManager);

            items = new ArrayList<String>();

            mAdapter = new MyAdapter(items);
            mRecyclerView.setAdapter(mAdapter);
            mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
            mRecyclerView.setItemAnimator(new DefaultItemAnimator());

            for(int i = 0; i < 10; i++) {
                mAdapter.add("Title: " + i);
            }

            case 3:
                return inflater.inflate(R.layout.pager_item2, container, false);
        }
        return null;
    }
    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        }
    }

Abd 与 LinearLayout 管理器有关，它仅适用于 ActionBarActivity。但是当我从 Fragment 更改为 ActionBarActivity 时，getArguments 停止工作

Answer 1

您需要一个包含所有选项卡的 Viewpager。每个选项卡都是一个带有元素列表的 Recycler View

Answer 2

我发现 Fragment 中有很多错误，更改 onCreateView():

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
    Bundle savedInstanceState) {

    View view = inflater.inflate(R.layout.pager_item, container, false);
    mRecyclerView = (RecyclerView) view.findViewById(R.id.my_recycler_view);
    mRecyclerView.setHasFixedSize(true);

    mLayoutManager = new LinearLayoutManager(getActivity());
    mRecyclerView.setLayoutManager(mLayoutManager);

    items = new ArrayList<String>();

    mAdapter = new MyAdapter(items);
    mRecyclerView.setAdapter(mAdapter);          
    mRecyclerView.setItemAnimator(new DefaultItemAnimator());

    for(int i = 0; i < 10; i++) {
        mAdapter.add("Title: " + i);
    }
    return view;
}

我不知道你还有什么类（你的 ViewPage、SlidingTab、适配器等）。

RecyclerView 在 Google Play 应用中的样子

RecyclerView looking like in Google Play app

tabs

android

material-design

android-recyclerview