选项卡在TabLayout中没有填充内容（Android Support Design）

Question

我有一个来自Android设计支持库的tablayout:

compile 'com.android.support:design:23.0.1'

我想用它来填充我的选项卡，但是我一直在失败中。我可以创建选项卡，但无法填充它们各自的内容：

在应该有LinearListView条目的位置，使用类似于从此框架导入的ListView的对象：

compile 'com.github.frankiesardo:linearlistview:1.0.1@aar'

我尝试了很多示例，但是无法填充每个选项卡。有什么建议吗？

代码：

JAVA：
来自主片段：

OverviewTabLayoutPagerAdapter adapter = new OverviewTabLayoutPagerAdapter(getActivity().getSupportFragmentManager(), productDataContent, getContext());
        ViewPager viewPager = (ViewPager) view.findViewById(R.id.viewpager);
        viewPager.setAdapter(adapter);
        TabLayout tabLayout = (TabLayout) view.findViewById(R.id.tablayout);
        tabLayout.setupWithViewPager(viewPager);

概述TabLayoutPagerAdapter：

public class OverviewTabLayoutPagerAdapter extends FragmentPagerAdapter {

    final int PAGE_COUNT = 3;

    private String tabTitles[] = new String[] { "REVIEWS", "VIDEOS", "DEALS" };
    private SearchContent productDataContent;
    private Context context;

    public OverviewTabLayoutPagerAdapter(FragmentManager fm, SearchContent productDataContent, Context context) {
        super(fm);
        this.productDataContent = productDataContent;
        this.context = context;
    }

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

    @Override
    public Fragment getItem(int position) {
        Log.i("TAB_POSITION", String.valueOf(position));

        if (position == 0) {
            return OverviewTab1Fragment.newInstance(position, productDataContent);
        } else if (position == 1) {
            return OverviewTab2Fragment.newInstance(position, productDataContent);
        } else if (position == 2) {
            return OverviewTab3Fragment.newInstance(position, productDataContent);
        }

        return OverviewTab1Fragment.newInstance(position, productDataContent);
    }

    @Override
    public CharSequence getPageTitle(int position) {
        // Generate title based on item position
        return tabTitles[position];
    }

概述Tab*片段：（*表示每个片段都适用相同的代码结构）：

public class OverviewTab*Fragment extends Fragment {

    public static final String ARG_PAGE = "ARG_PAGE";
    public static final String PRODUCT_DATA_CONTENT = "PRODUCT_DATA_CONTENT";

    private int mPage;
    private SearchContent productDataContent;

    public static OverviewTab*Fragment newInstance(int page, SearchContent productDataContent) {
        OverviewTab*Fragment fragment = new OverviewTab*Fragment();
        Bundle args = new Bundle();
        args.putInt(ARG_PAGE, page);
        args.putSerializable(PRODUCT_DATA_CONTENT, productDataContent);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mPage = getArguments().getInt(ARG_PAGE);
        productDataContent = (SearchContent) getArguments().getSerializable(PRODUCT_DATA_CONTENT);
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.overview_tab_fragment, container, false);
        LinearListView tabContentListView = (LinearListView) view.findViewById(R.id.product_content_linear_list_view);

        populateOverviewTab*LinearLayout(tabContentListView, productDataContent);

        return view;
    }

    private void populateOverviewTab*LinearLayout(LinearListView tabContentListView, SearchContent productDataContent) {
        ArrayList<> productData = productDataContent.getContent();

        OverviewTab*ArrayAdapter overviewTab*ArrayAdapter = new OverviewVideosArrayAdapter(
                getContext(),
                tabContentListView,
                productData,
                getActivity()
        );

        tabContentListView.setAdapter(overviewTab*ArrayAdapter);
    ...

XML：
从主片段中：

...
<LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/go_to_store_button"
                android:orientation="vertical">

                <android.support.design.widget.TabLayout
                    android:id="@+id/tablayout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:tabGravity="fill" />

                <android.support.v4.view.ViewPager
                    android:id="@+id/viewpager"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="1"/>

            </LinearLayout>
    ...

overview_tab_fragment.xml:

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

    <com.linearlistview.LinearListView
        android:id="@+id/product_content_linear_list_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:showDividers="end"
        android:dividerPadding="5dp"
        app:dividerThickness="2dp">
    </com.linearlistview.LinearListView>

</RelativeLayout>

- Vitor Santos

Answer 1

您可以更改：

@Override
    public Fragment getItem(int position) {
        Log.i("TAB_POSITION", String.valueOf(position));

    if (position == 0) {
        return OverviewTab1Fragment.newInstance(position, productDataContent);
    } else if (position == 1) {
        return OverviewTab2Fragment.newInstance(position, productDataContent);
    } else if (position == 2) {
        return OverviewTab3Fragment.newInstance(position, productDataContent);
    }

    return OverviewTab1Fragment.newInstance(position, productDataContent);
}

为了这个：

@Override
    public Fragment getItem(int position) {
        Log.i("TAB_POSITION", String.valueOf(position));

    if (position == 0) {
        return OverviewTab1Fragment.instantiate(context, productDataContent);
    } else if (position == 1) {
        return OverviewTab2Fragment.instantiate(context, productDataContent);
    } else if (position == 2) {
        return OverviewTab3Fragment.instantiate(context, productDataContent);
    }

    return OverviewTab1Fragment.instantiate(context, productDataContent);
}

更新

这是一个涉及数组片段的示例：

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.util.SparseArray;
import android.view.ViewGroup;

public class TabsViewPagerAdapter extends FragmentStatePagerAdapter {
    private CharSequence titlesArray[]; // This will Store the Titles of the Tabs which are Going to be passed when TabsViewPagerAdapter is created
    private Fragment tabsArray[];
    private SparseArray<Fragment> registeredFragments;

    // Build a Constructor and assign the passed Values to appropriate values in the class
    public TabsViewPagerAdapter(FragmentManager fm, CharSequence titlesArray[], Fragment[] tabsArray) {
        super(fm);

        this.titlesArray = titlesArray;
        this.tabsArray = tabsArray;
        this.registeredFragments = new SparseArray<>();
    }

    //This method return the fragment for the every position in the View Pager
    @Override
    public Fragment getItem(int position) {
        return tabsArray[position];
    }

    // This method return the titles for the Tabs in the Tab Strip
    @Override
    public CharSequence getPageTitle(int position) {
        return titlesArray[position];
    }

    // This method return the Number of tabs for the tabs Strip
    @Override
    public int getCount() {
        return titlesArray.length;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        Fragment fragment = (Fragment) super.instantiateItem(container, position);
        registeredFragments.put(position, fragment);

        return fragment;
    }

    public Fragment getRegisteredFragment(int position) {
        return registeredFragments.get(position);
    }
}

在Java中，您可以创建适配器：

String[] tabTitles = new String[]{"Tab1", "Tab2", "Tab3"};
Fragment[] tabsArray = new Fragment[]{new OverviewTab1Fragment(), new OverviewTab2Fragment(), new OverviewTab3Fragment()};

adapter = new TabsViewPagerAdapter(getSupportFragmentManager(), tabTitles, tabsArray);

而片段大致如下：

import android.support.v4.app.Fragment;

public class OverviewTab1Fragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.yourFragmentLayout, container, false);

        return v;
    }
}

希望能够帮到你。

- Crash

---

不幸的是，它引发了一个异常：“android.support.v4.app.Fragment$InstantiationException: 无法实例化片段OverviewTab1Fragment：确保类名存在、是公共的，并且具有一个公共的空构造函数”。尽管我插入的参数都是正确的，包括类名，即第二个参数。有什么猜测或解决方案吗？ - Vitor Santos

将 OverviewTab1Fragment 更改为 Fragment。 - Crash

我得到了相同的异常。:( - Vitor Santos

嗯，我在回答中进行了更新，采用了适配器的另一种实现方式。 - Crash

我不再有异常了，但是没有任何充实的内容。我尝试为每个选项卡和其他容器（如ListView）创建布局，但仍然没有运气。是否还有更多的代码可以提供以达到解决方案？ - Vitor Santos