Android使用TabLayou+fragment+viewpager实现滑动切换页面效果

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实现滑动切换页面效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# TabLayou # fragment # viewpager # 滑动切换页面 # android # 滑动切换 # Android如何使用ViewPager2实现页面滑动切换效果 # Android HorizontalScrollView滑动与ViewPager切换案例详解 # Android ViewPager撤消左右滑动切换功能实现代码 # Android开发之使用ViewPager实现图片左右滑动切换效果 # Android中的ViewPager视图滑动切换类的入门实例教程 # Android App中使用ViewPager+Fragment实现滑动切换效果 # Android应用中利用ViewPager实现多页面滑动切换效果示例 # Android编程实现ViewPager多页面滑动切换及动画效果的方法 # Android实现界面左右滑动切换功能 # Android开发之ViewPager实现滑动切换页面 # 小编 # 的是 # 在此 # 遍历 # 给大家 # 类似于 # 所述 # 头条 # 给我留言 # 感谢大家 # 疑问请 # 有任何 # 国内 # tabSelectedTextColor # tabIndicatorColor # tabMode # layout_weight # tabIndicatorHeight # colorred # color

返回目录在线咨询

上一篇：数据库管理在建站技术中的重要性及应用
下一篇：python如何打印直角三角形

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Android使用TabLayou+fragment+viewpager实现滑动切换页面效果

您的项目需求