首先先了解ViewPager实现的出效果是能够使视图左右滑动。
ViewPager在XML文件中的声明和其他一些控件的声明有点儿不一样
而android.support.v4.view是Android界面特殊效果的第三方加载的jar包,能够向下兼容。
<android.support.v4.view.ViewPager
...
...
>
</android.support.v4.view.ViewPager>
加载显示的页卡:需要将layout布局文件转型为View对象
(1)
LayoutInflater lf = getLayoutInfalter().from(this);
lf.inflate(resource,root);
(2)
View.inflate(context,resource,root);
PagerTabStrip 和 PagerTitleStrip
看命名也能够知道,这俩用来设置Title的就像微信主界面底部显示的目录(微信、通讯录、发现、我)一样,能够导航用户所滑到的页面Title。
<android.support.v4.view.ViewPager
...
>
<android.support.v4.view.PagerTabStrip
...
...
>
</android.support.v4.view.PagerTabStrip>
</android.support.v4.view.ViewPager>
<!-- PagerTitleStrip的定义也和PagerTabTitle一样,在ViewPager中 -->
一般在使用时,二者取一用即可,如果两者同时使用,PagerTabStrip会失效
当然,PagerTabStrip 和 PagerTitleStrip也通过设置一些属性来美化导航目录
private PagerTabStrip tabStrip;
tabStrip = (PagerTabStrip) findViewById(R.id.tabStrip);
tabStrip.setBackgroundColor(Color.GRAY);
tabStrip.setTextColor(Color.BLACK);
tabStrip.setDrawFullUnderline(false);
tabStrip.setTabIndicatorColor(Color.GREEN);
对于ViewPager对应的有三种不同的适配器,所对应的数据源也有所不同
(1)PagerAdapter ---- 数据源:List<View>
package com.Liuyt.s03_e19_viewpager;
import java.util.List;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
public class MyPagerAdapter extends PagerAdapter {
private List<View> viewList;
private List<String> titleList;
public MyPagerAdapter(List<View> viewList, List<String> titleList) {
this.viewList = viewList;
this.titleList = titleList;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return viewList.size();
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0 == arg1;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub
container.addView(viewList.get(position));
return viewList.get(position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// TODO Auto-generated method stub
container.removeView(viewList.get(position));
}
@Override
public CharSequence getPageTitle(int position) {
// TODO Auto-generated method stub
return titleList.get(position);
}
}
(2)FragmentPagerAdapter ---- 数据源:List<Fragment>
package com.Liuyt.s03_e19_viewpager;
import java.util.List;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
public class MyFragmentPagerAdapter extends FragmentPagerAdapter{
private List<Fragment>fragList;
private List<String>titleList;
public MyFragmentPagerAdapter(FragmentManager fm,List<Fragment>fragList,List<String>titleList) {
super(fm);
// TODO Auto-generated constructor stub
this.fragList = fragList;
this.titleList = titleList;
}
@Override
public Fragment getItem(int arg0) {
// TODO Auto-generated method stub
return fragList.get(arg0);
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return fragList.size();
}
@Override
public CharSequence getPageTitle(int position) {
// TODO Auto-generated method stub
return titleList.get(position);
}
}
(3)FragmentStatePagerAdapter ---- 数据源:List<Fragment>
这儿就不贴代码了,FragmentStatePagerAdapter的代码和FragmentPagerAdapter 的代码差不很多,两者差别在于一个在滑动之后会调用destroy的方法销毁页卡,而另一个并不会对页卡进行销毁。
最后是监听器,ViewPager使用OnPagerChangeListener监听器来监听所滑动到的是哪个页面,中间常用的方法是public void onPagerSelected(int arg0){}
您可能感兴趣的文章:Android中TabLayout+ViewPager 简单实现app底部Tab导航栏Android自定义ViewPagerIndicator实现炫酷导航栏指示器(ViewPager+Fragment)Android动态给ViewPager添加Indicator导航Android 利用ViewPager+GridView实现首页导航栏布局分页效果Android 中 TabHost与ViewPager结合实现首页导航效果ViewPager顶部导航栏联动效果(标题栏条目多)Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果Android ViewPager制作新手导航页(动态加载)Android ViewPager导航小圆点实现无限循环效果