Android使用ViewPager实现导航

首先先了解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();
}
/*
* 判断View是否属于Object对象
*/
@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));
}
/*
* 设置viewPager的标题
*/
@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导航小圆点实现无限循环效果