[Android] 使用ViewPager 实现导航

时间:2023-03-09 17:29:18
[Android] 使用ViewPager 实现导航

转载请标注:转载于http://www.cnblogs.com/Liuyt-61/p/6582667.html

------------------------------------------------------------------

首先先了解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){}