TabLayou 主要实现的是标题头的 滑动 这个 控件 类似于 ScrollView
XML中的布局
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <android.support.design.widget.TabLayout android:id="@+id/homefragment_tablelayouts" android:layout_width="0dp" android:layout_height="30dp" app:tabIndicatorHeight="2dp" android:layout_weight="1" app:tabIndicatorColor="@color/colorred" app:tabSelectedTextColor="#000000" app:tabMode="scrollable" > </android.support.design.widget.TabLayout> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/add_channel_titlbar_new" /> </LinearLayout> <android.support.v4.view.ViewPager android:layout_weight="1" android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/homefragment_vp" ></android.support.v4.view.ViewPager>
以下是代码的实现
//定义一个方法 public void getVpTitleData() { // 找到 TabLayou 控件 TabLayout mTabLayout= (TabLayout) getView().findViewById(R.id.homefragment_tablelayouts); // 找到 ViewPager 控件 ViewPager mViewPager= (ViewPager) getView().findViewById(R.id.homefragment_vp); //定义 title 集合 来存储 解析的data数据 listtitle = new ArrayList<>(); listtitle .add("头条"); listtitle .add("社会"); listtitle .add("国内"); listtitle .add("国际"); listtitle .add("明星"); listtitle .add("娱乐"); listtitle .add("军事"); listtitle .add("财经"); listtitle .add("时尚"); listtitle .add("八卦"); //遍历 listtitle 集合 将title 添加经 TabLayou z中 for (int i = 0; i <listtitle.size() ; i++) { mTabLayout.addTab(mTabLayout.newTab().setText(listtitle.get(i))); } //创建集合 循环添加创建的Fragment listfragment = new ArrayList<>(); for (int i = 0; i <date.size() ; i++) { BeiJingFragment mjingFragment = new BeiJingFragment(); listfragment.add(mjingFragment); } HomeFragmentVPFragmentAdapter mAdapter = new HomeFragmentVPFragmentAdapter(getFragmentManager(),listfragment,listtitle); //给ViewPager设置适配器 mViewPager.setAdapter(mAdapter); //将TabLayout和ViewPager关联起来。 mTabLayout.setupWithViewPager(mViewPager); //给TabLayout设置适配器 mTabLayout.setTabsFromPagerAdapter(mAdapter); }
ViewPafer与Fragment的适配器
public class HomeFragmentVPFragmentAdapter extends FragmentStatePagerAdapter { List<Fragment> listfragment; List<String> listtitle; public HomeFragmentVPFragmentAdapter(FragmentManager fm, List<Fragment> listfragment, List<String> listtitle) { super(fm); this.listfragment = listfragment; this.listtitle = listtitle; } @Override public CharSequence getPageTitle(int position) { return listtitle.get(position); } @Override public Fragment getItem(int position) { return listfragment.get(position); } @Override public int getCount() { return listfragment.size(); } }
以上所述是小编给大家介绍的Android使用TabLayou+fragment+viewpager实现滑动切换页面效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！