TabLayout和Viewpager配合使用
2017-11-14 13:43
316 查看
首先要导个依赖包
4000
这个包属于TabLayout :
4000
这个包属于TabLayout :
compile 'com.android.support:design:26+'
下面代码是在,XML里的:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="zhaochuang.bawei.com.day_rikao.MainActivity"> <android.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/tab" ></android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:id="@+id/vp" ></android.support.v4.view.ViewPager> </LinearLayout> 下面代码是一个Fragment的普通方法 public class BlankFragment extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { TextView textView = new TextView(getActivity()); double random = Math.random(); textView.setText("xxxxxxxxxxx"+random); return textView; } 然后在MianActivity调用了上面这些个方法,如一下代码 package com.bwie.tablayoutdemo2; import android.os.Bundle; import android.support.design.widget.TabLayout; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import java.util.ArrayList; /** * 1--tablayout * 2--- viewPager * 3--viewPagerAdapter * 4-- 让TabLayout和Viewpager关联; */ public class MainActivity extends AppCompatActivity { private TabLayout tabLayout; private ViewPager viewPager; ArrayList<Fragment> fragmentList = new ArrayList<Fragment>(); ArrayList<String> titleList = new ArrayList<String>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tabLayout = (TabLayout) findViewById(R.id.tabLayout); viewPager = (ViewPager) findViewById(R.id.viewPager); initData(); //ctrl+p 提示参数的快捷键 MPagerAdapter mPagerAdapter = new MPagerAdapter(getSupportFragmentManager()); viewPager.setAdapter(mPagerAdapter); //设置TabLayout的模式 tabLayout.setTabMode(TabLayout.MODE_FIXED); //让tablayout和Viewpager关联; tabLayout.setupWithViewPager(viewPager); } private void initData() { for (int i = 0; i <4 ; i++) { fragmentList.add(new BlankFragment()); titleList.add("爱因斯坦" +i); } } class MPagerAdapter extends FragmentPagerAdapter{ public MPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return fragmentList.get(position); } @Override public int getCount() { return fragmentList.size(); } //需要重写个返回标题的方法; @Override public CharSequence getPageTitle(int position) { return titleList.get(position); } } }
相关文章推荐
- TabLayout配合ViewPager最普通使用
- 横向菜单 TabLayout框架的使用 配合viewpager
- 使用TabLayout需要配置的一些信息及配合ViewPager的用法
- TabLayout与ViewPager和Fragment、FragmentPagerAdapter的配合使用
- TabLayout结合ViewPager的使用
- TabLayout和viewpager的结合使用
- Tablayout和Viewpager的结合使用,实现导航的效果
- Android框架之路——Tablayout+ViewPager+Fragment的使用
- Design下的TabLayout和Fragment和ViewPager联动的简单使用
- TabLayout/ViewPager/Fragment结合使用
- TabLayout+Fragment+ViewPager的标题滑动使用
- TabLayout+ViewPager的简单使用
- SmartTabLayout + ViewPager的使用
- 使用FragmentTabHost+TabLayout+ViewPager实现双层嵌套Tab
- TabLayout使用setupWithViewPager()方法绑定Viewpager后不显示文字
- 置顶TabLayout配合动态高度ViewPager效果实现
- viewPager和TabLayout使用
- android关于TabLayout+ViewPager结合使用的小Demo
- TabLayout和ViewPager搭配使用中如何设置Tab背景颜色(无须自定义TabLayout)
- TabLayout与ViewPager的联合使用