TabLayout与ViewPager的联动使用
2017-10-24 09:29
543 查看
//开始先写布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical"> <android.support.design.widget.TabLayout android:id="@+id/tab" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/holo_blue_bright" app:tabIndicatorColor="@android:color/white" app:tabSelectedTextColor="@android:color/darker_gray" app:tabTextColor="@android:color/white" ></android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:id="@+id/vp" android:layout_width="match_parent" android:layout_height="match_parent"></android.support.v4.view.ViewPager> </LinearLayout>
//接下来到代码
public class Fristpage extends Fragment { private TabLayout tab; private ViewPager vp; private String[] titles = new String[]{"推荐", "课程","实践", "职业路径"}; private Fragment[] fragments; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v=inflater.inflate(R.layout.fristpage,null); // 找控件 tab= (TabLayout) v.findViewById(R.id.tab); vp= (ViewPager) v.findViewById(R.id.vp); // 定义一个fragment数组 fragments = new Fragment[titles.length]; fragments[0]=new Tuijian(); fragments[1]=new Kecheng(); fragments[2]=new Shizhan(); fragments[3]=new Zhiye(); //设置viewPager一次加载所有的页面 vp.setOffscreenPageLimit(titles.length); vp.setAdapter(new MyFragmentAdapter(getChildFragmentManager())); //进行关联 tab.setupWithViewPager(vp); return v; } // fragmentpageradapter的适配器 class MyFragmentAdapter extends FragmentPagerAdapter { @Override public CharSequence getPageTitle(int position) { return titles[position]; } public MyFragmentAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return fragments[position]; } @Override public int getCount() { return titles.length; } } }
相关文章推荐
- TabLayout和ViewPager的联动使用
- TabLayout(结合viewpager进行联动,平移)的使用
- 三:tabLayout与ViewPager联动使用
- Design下的TabLayout和Fragment和ViewPager联动的简单使用
- 首页、底部导航栏:TabLayout+ViewPager+Fragment使用
- TabLayout与ViewPager实现头部标题与内容页联动的效果
- TabLayout与ViewPager联动
- 实现TabLayout+ViewPager+Fragment头目的联动模式
- TabLayout滑动和viewPager的联动+drawerLayout的侧拉
- 使用TabLayout、ViewPager和Fragment实现顶部菜单可滑动切换
- 【Android 基础】ViewPager&TabLayout使用简例
- Android Tablayout+ViewPager使用及遇到的问题
- ViewPager+Tablayout的联动效果
- Material Design整合使用之TabLayout+ViewPager
- 使用support.design.widget.TabLayout和ViewPager组合成滑动标签组件
- ViewPager+Tablayout实现页面标题联动效果
- tabLayout与viewPager联动
- Android TabLayout定制CustomView与ViewPager交互双向联动
- Android 使用TabLayout、ViewPager和Fragment实现顶部菜单可滑动切换
- 关于TabLayout跟ViewPager的使用