Android 开发之侧滑的实现

侧滑的运用，是非常的广泛。下面我为大家简单举例一个侧滑的框架 大家可以做一个dome出来  以后要用的时候 直接拿出来用就可以了

子页面就用fragment 合适 ，我这里贴一个fragment的代码：

package com.example.kkkmmm;


import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


public class FragmentFour extends Fragment {
  @Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
 View view=inflater.inflate(R.layout.page4, container,false);
return view;
}
}

简单显示出来就好了。

然后就是滑动的代码了，

public class ZoomOutPageTransformer implements ViewPager.PageTransformer  
{  
   private static final float MIN_SCALE = 0.85f;  
   private static final float MIN_ALPHA = 0.5f;  
 
   public void transformPage(View view, float position)  
   {  
       int pageWidth = view.getWidth();  
       int pageHeight = view.getHeight();   
       Log.e("TAG", view + " , " + position + "");  
       if (position < -1)  
       { // [-Infinity,-1)  
           // This page is way off-screen to the left.  
           view.setAlpha(0);  
 
       } else if (position <= 1) //a页滑动至b页 ； a页从 0.0 -1 ；b页从1 ~ 0.0  
       { // [-1,1]  
           // Modify the default slide transition to shrink the page as well  
           float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));  
           float vertMargin = pageHeight * (1 - scaleFactor) / 2;  
           float horzMargin = pageWidth * (1 - scaleFactor) / 2;  
           if (position < 0)  
           {  
               view.setTranslationX(horzMargin - vertMargin / 2);  
           } else  
           {  
               view.setTranslationX(-horzMargin + vertMargin / 2);  
           }  
           // Scale the page down (between MIN_SCALE and 1)  
           view.setScaleX(scaleFactor);  
           view.setScaleY(scaleFactor);  
 
           // Fade the page relative to its size.  
           view.setAlpha(MIN_ALPHA + (scaleFactor - MIN_SCALE)  
                   / (1 - MIN_SCALE) * (1 - MIN_ALPHA));  
       } else  
       { // (1,+Infinity]  
           // This page is way off-screen to the right.  
           view.setAlpha(0);  
       }  
   }  
}  

给viewPage添加一个动画效果  这样子滑的时候你叫好看。

public class DepthPageTransformer implements ViewPager.PageTransformer {  
   private static final float MIN_SCALE = 0.75f;  
 
   public void transformPage(View view, float position) {  
       int pageWidth = view.getWidth();  
 
       if (position < -1) { // [-Infinity,-1)  
           // This page is way off-screen to the left.  
           view.setAlpha(0);  
       } else if (position <= 0) { // [-1,0]  
           // Use the default slide transition when moving to the left page  
           view.setAlpha(1);  
           view.setTranslationX(0);  
           view.setScaleX(1);  
           view.setScaleY(1);  
 
       } else if (position <= 1) { // (0,1]  
           // Fade the page out.  
           view.setAlpha(1 - position);  
           // Counteract the default slide transition  
           view.setTranslationX(pageWidth * -position);  
           // Scale the page down (between MIN_SCALE and 1)  
           float scaleFactor = MIN_SCALE  
                   + (1 - MIN_SCALE) * (1 - Math.abs(position));  
           view.setScaleX(scaleFactor);  
           view.setScaleY(scaleFactor);  
       } else { // (1,+Infinity]  
           // This page is way off-screen to the right.  
           view.setAlpha(0); 
       }  
   }  

接下来就是作重要的了    适配器代码   动态的切换页面   不多说 先上代码。

@Override
public Fragment getItem(int id) {  //动态切换页面
switch (id) {
case MainActivity.PAGE_ONE:
FragmentOne one=new FragmentOne();
return one;
case MainActivity.PAGE_TWO:
FragmentTwo two=new FragmentTwo();
return two;
case MainActivity.PAGE_THREE:
FragmentThree three=new FragmentThree();
return three;
case MainActivity.PAGE_FOUR:
FragmentFour four=new FragmentFour();
return four;
case MainActivity.PAGE_FIVE:
FragmentFive five=new FragmentFive();
return five;
}
return null;
}


@Override
public int getCount() {   //作用：返回当前那个页面的数量
return 5;
}