第一步:添加依赖
compile 'com.android.support:design:24.0.0'
第二步:完成xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.TabLayout
android:id="@+id/main_tab"
android:layout_width="match_parent"
android:layout_height="50dp"
/>
<android.support.v4.view.ViewPager
android:id="@+id/main_viewpager"
android:layout_width="match_parent"
android:layout_below="@+id/main_tab"
android:layout_height="match_parent"/>
</RelativeLayout>
第三步:完成 MyViewPagerAdapter 类
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import java.util.List;
public class MyViewPagerAdapter extends PagerAdapter {
private List<ImageView> list;
private List<String> titleList;
public MyViewPagerAdapter(List<ImageView> mList,List<String> titleList) {
this.list = mList;
this.titleList = titleList;
}
@Override
public int getCount() {
return list.size();
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(list.get(position));//添加页卡
return list.get(position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(list.get(position));//删除页卡
}
@Override
public CharSequence getPageTitle(int position) {
return titleList.get(position);//页卡标题
}
}
第四步:在自己的Activity填写以下配置 详细使用已经在在下面标注清楚 根据需要添加
public class Pager extends AppCompatActivity{
private List<String> titleList;
private TabLayout mTab;
private ViewPager mViewPager;
private MyViewPagerAdapter mAdapter;
private List mList;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.pager);
//设置标题
titleList = new ArrayList<>();
titleList.add("高圆圆");
titleList.add("江一燕");
titleList.add("佟丽娅");
mTab = (TabLayout) findViewById(R.id.main_tab);
mViewPager = (ViewPager) findViewById(R.id.main_viewpager);
//设置tab的模式 (TabLayout.MODE_SCROLLABLE 为可滑动可以上下联动了 TabLayout.MODE_FIXED 不可以滑动 )
mTab.setTabMode(TabLayout.MODE_SCROLLABLE);
//设置下面的滑动线条颜色
mTab.setSelectedTabIndicatorColor(getResources().getColor(R.color.black));
//给选中的文字设置颜色
mTab.setTabTextColors(getResources().getColor(R.color.colorAccent),getResources().getColor(R.color.black));
//添加tab选项卡
for (int i = 0; i < titleList.size(); i++) {
mTab.addTab(mTab.newTab().setText(titleList.get(i)));
}
//把TabLayout和ViewPager关联起来
mTab.setupWithViewPager(mViewPager);
//设置ViewPager里面也要显示的图片
mList = new ArrayList<>();
ImageView yuanYuan = new ImageView(this);
ImageView yiYan = new ImageView(this);
ImageView liYa = new ImageView(this);
yuanYuan.setImageResource(R.mipmap.ic_launcher);
yiYan.setImageResource(R.mipmap.ic_launcher_round);
liYa.setImageResource(R.mipmap.icon_back);
//设置图片显示全屏
yuanYuan.setScaleType(ImageView.ScaleType.FIT_XY);
yiYan.setScaleType(ImageView.ScaleType.FIT_XY);
liYa.setScaleType(ImageView.ScaleType.FIT_XY);
mList.add(yuanYuan);
mList.add(yiYan);
mList.add(liYa);
//然后就可以在实例化ViewPager的Adapter的时候通过构造方法传递过去使用了
mViewPager = (ViewPager) findViewById(R.id.main_viewpager);
//实例化adapter
mAdapter = new MyViewPagerAdapter(mList,titleList);
//给ViewPager绑定Adapter
mViewPager.setAdapter(mAdapter);
}
}