使用ViewPager可以实现简单的滑动页面,而我写的是基于鸿洋大神的讲解,而写作的目的只是给给自己的总结。
首先,在这里需要的准备知识就是ViewPager,简单的介绍一下,ViewPager其实是类似于ListView(个人见解,不喜勿喷),也是配合Adapter来使用的。
mAdapter = new PagerAdapter() {
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0 == arg1; //这里是官方的写法
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return mViews.size();//类似BaseAdapter中的getCount(),返回的是Tab的个数;
}
@Override
public void destroyItem(ViewGroup container, int position,
Object object) {
// TODO Auto-generated method stub
container.removeView(mViews.get(position));//销毁当前的Tab
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub//这个方法是类似getView(),作用就是加载每个Tab
<span style="white-space:pre"> </span> //页面,在<span style="color:#ff6666;">这里要注意的是返回的不是container,而是</span>
<span style="white-space:pre"> </span> //<span style="color:#ff0000;">通过position得到的view的对象</span>,这里可以添加每个Ta //b页面上的事件,但是也有一定的局限性
View view = mViews.get(position);
container.addView(view);
return view;
}
};
mViewPager.setAdapter(mAdapter);//这个也不能忘记设置
接下来是给ViewPager添加滑动的监听事件:
mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {<span style="font-family: Arial, Helvetica, sans-serif;">//滑动到指定页面后触发,</span>
// TODO Auto-generated method stub
//<span style="font-family: Arial, Helvetica, sans-serif;">currentItem 是当前页数==arg0</span>
int currentItem = mViewPager.getCurrentItem();
resetImg();
switch (currentItem) {
case 0:
mWiXinImage.setBackgroundResource(R.drawable.tab_weixin_pressed);
break;
case 1:
mFrdImage.setBackgroundResource(R.drawable.tab_find_frd_pressed);
break;
case 2:
mSetImage.setBackgroundResource(R.drawable.tab_settings_pressed);
break;
default:
break;
}
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
<p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"> </span>//当页面在滑动的时候会调用此方法,在滑动被停止之前,此方法回一直得到</p><p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"> </span>//调用。其中三个参数的含义分别为:</p><p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"> </span>//arg0 :当前页面,及你点击滑动的页面</p><p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"> </span>//arg1:当前页面偏移的百分比</p><p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"> </span>//arg2:当前页面偏移的像素位置 </p>
}
@Override
public void onPageScrollStateChanged(int arg0) {
<p class="p1" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"> //此方法是在状态改变的时候调用,其中arg0这个参数有三种状态(0,1,2)。arg0 ==1的时辰默示正在滑动,arg //0==2的时辰默示滑动完毕了,arg0==0的时辰默示什么都没做。当页面开始滑动的时候,三种状态的变化顺序为(1 //,2,0)</p>
}
});
在明白这两个关键点之后,剩下的就比较简单了,其实整个逻辑也是比较简单的:
1.在当前需要滑动的Activity中确定好顶部布局和底部布局,中间直接使用ViewPager控件,
2.自己重写一个PagerAdapter,并实例化每个Tab中的view,
3.在初始化时,将要滑动的页面以View的形式加载到ViewPager中,
4.重写ViewPager的OnPageChangeListener的三个方法
onPageScrolled,
<span style="white-space:pre"> </span> <strong>onPageScrollStateChanged</strong>
<strong><span style="white-space:pre"> </span> onPageSelected</strong>
<strong> 5.在滑页的是时候实现底部或顶部的一些动态效果</strong>
<strong> 最后,感谢鸿洋大神的分享,以上都是看了他的讲解后的自己针对自己的总结。总结是成长的必须步骤!</strong>
<strong>
</strong>
<strong><span style="white-space:pre"> </span></strong>
<strong> </strong>