1.app中gradle中添加依赖
*compile’com.android.support:design:26+’
2.布局文件
<android.support.design.widget.TabLayout
android:layout_width=“match_parent”
android:layout_height=“50dp”
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>
3.在main类中写出代码
package com.bw.module10;
import android.app.Activity;
import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
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 android.os.Bundle;
import android.view.View;
import android.widget.FrameLayout;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends FragmentActivity {
List titlelist = new ArrayList<>();
List list = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ViewPager view = findViewById(R.id.vp);
TabLayout tab = findViewById(R.id.tab);
initData();
MyAdapter adapter = new MyAdapter(getSupportFragmentManager());
view.setAdapter(adapter);
//设置Tablaout的模式
tab.setTabMode(TabLayout.MODE_FIXED);
//让Tab与Viewpager关联
tab.setupWithViewPager(view);
}
private void initData() {
for (int i = 0; i <2 ; i++) {
titlelist.add("标题"+i);
}
//这是添加的两个自定义的Fragment
list.add(new Frag());
list.add(new Frag01());
}
class MyAdapter extends FragmentPagerAdapter{
public MyAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
return list.get(position);
}
@Override
public int getCount() {
return titlelist.size();
}
//需要重新返回标题的方法
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return titlelist.get(position);
}
}
}