tablayout +viewpager-优快云博客

本文链接：https://blog.youkuaiyun.com/dreamflylb/article/details/78860148

本文介绍了一个使用 Android Support Library 中 FragmentPagerAdapter 的示例项目。通过此示例，开发者可以了解如何在一个 Activity 中设置多个 Fragment，并利用 TabLayout 和 ViewPager 实现流畅的页面切换效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

compile 'com.android.support:design:26.+'

public class Fragment_huodong extends Fragment {

    @BindView(R.id.tab_layout)
    TabLayout tabLayout;
    @BindView(R.id.view_pager)
    ViewPager viewPager;
    Unbinder unbinder;
    @BindView(R.id.text_diwei)
    TextView textDiwei;
    private ArrayList<Fragment> list_fragment;
    private ArrayList<String> list_title;
    private MyPagerAdapter adapter;
    private View view;
    private static final int REQUEST_CODE_PICK_CITY = 0;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment_huodong, null);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        unbinder = ButterKnife.bind(this, view);


        Fragment_v1 fragment_v1 = new Fragment_v1();
        Fragment_v2 fragment_v2 = new Fragment_v2();
        Fragment_v3 fragment_v3 = new Fragment_v3();
        Fragment_v4 fragment_v4 = new Fragment_v4();
        Fragment_v5 fragment_v5 = new Fragment_v5();
        Fragment_v6 fragment_v6 = new Fragment_v6();

        list_fragment = new ArrayList<>();
        list_fragment.add(fragment_v1);
        list_fragment.add(fragment_v2);
        list_fragment.add(fragment_v3);
        list_fragment.add(fragment_v4);
        list_fragment.add(fragment_v5);
        list_fragment.add(fragment_v6);


        list_title = new ArrayList<>();
        list_title.add("全部全部");
        list_title.add("综艺娱乐");
        list_title.add("财经访谈");
        list_title.add("文化旅游");
        list_title.add("时尚体育");
        list_title.add("青年科教");
        tabLayout.setupWithViewPager(viewPager);

        viewPager.setOffscreenPageLimit(list_fragment.size());
        adapter = new MyPagerAdapter(getChildFragmentManager(), list_fragment, list_title);
        viewPager.setAdapter(adapter);

    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        unbinder.unbind();
    }

    @OnClick(R.id.text_diwei)
    public void onViewClicked() {
//        Intent intent = new Intent(getActivity(),DiWeiActivity.class);
//
//        startActivity(intent);
        startActivityForResult(new Intent(getActivity(), CityPickerActivity.class),
                REQUEST_CODE_PICK_CITY);
    }

    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == REQUEST_CODE_PICK_CITY && resultCode == getActivity().RESULT_OK) {
            if (data != null) {
                String city = data.getStringExtra(CityPickerActivity.KEY_PICKED_CITY);
                textDiwei.setText(city);
            }
        }


        //    @Override
//    public void onActivityResult(int requestCode, int resultCode, Intent data) {
//        if (requestCode == REQUEST_CODE_PICK_CITY && resultCode == RESULT_OK){
//            if (data != null){
//                String city = data.getStringExtra(CityPickerActivity.KEY_PICKED_CITY);
//                textDiwei.setText("当前选择：" + city);
//            }
//        }
//    }
    }
}

public class MyPagerAdapter extends FragmentPagerAdapter {
    private List<Fragment> list_fragment;                         //fragment列表
    private List<String> list_Title;
    public MyPagerAdapter(FragmentManager fm, ArrayList<Fragment> list_fragment, ArrayList<String> list_Title) {
        super(fm);
        this.list_fragment = list_fragment;
        this.list_Title = list_Title;
    }


    @Override
    public Fragment getItem(int position) {
        return list_fragment.get(position);
    }

    @Override
    public int getCount() {
        return list_Title.size();
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return list_Title.get(position);//页卡标题
    }


}

<android.support.design.widget.TabLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:id="@+id/tab_layout"
    app:tabGravity="center"
    app:tabMode="scrollable"
    app:tabIndicatorColor="#ff0000"
    app:tabTextColor="#999999"
    app:tabSelectedTextColor="#ff0000"
    />

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