android 简单实现viewpager竖直滑动

做过android开发的朋友们,一定知道viewpager是啥玩意,但是viewpager只能水平滑动,现在有的项目引导页也开始使用竖直滑动,这个时候viewpager就不能帮到我们了,怎么办?只有自定义了,今天就简单讲下viewpager竖直滑动的实现,但是这是告诉大家怎么实现,具体肯定不能用于真实项目中,因为还有些细节没处理,只是给大家讲个思路而已!

首先新建一个android项目 叫：Customviewpager

我们也知道viewpager也是继承了ViewGroup类的,在这里我们写一个CustomViewPager类也继承了ViewGroup,

其实代码很少,先贴代码然后讲解：

CustomViewPager.java

public class CustomViewPager extends ViewGroup {
private static final String TAG = CustomViewPager.class.getSimpleName();
private float startX = 0;
private GestureDetector detector;
int a = 30;
public CustomViewPager(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}

public CustomViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
private void init(Context context) {
detector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener(){
/**
* distanceX 在屏幕上要移动的距离 而不是坐标
*/
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
scrollBy(0, (int)distanceY);
return  true;
}
});
}
public CustomViewPager(Context context) {
super(context);
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
for(int i=0;i<getChildCount();i++){
View childView = getChildAt(i);
//				childView.layout(i*getWidth(), 0, (i+1)*getWidth(), getHeight());、//这是水平方向滑动
childView.layout(0, i*getHeight(), getWidth(), (i+1)*getHeight());//这是竖直方向滑动
}
}
/**
* 这个默认super.onTouchEvent(event)为false
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
detector.onTouchEvent(event);
return true;
}
}

MainActivity.java

public class MainActivity extends ActionBarActivity {
private CustomViewPager custom_view_pager;
private int[] ids = {R.drawable.a1,R.drawable.a2,R.drawable.a3,R.drawable.a4,R.drawable.a5,R.drawable.a6};
private List<ImageView> imageViews;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
DisplayUtil.init(this);
custom_view_pager = (CustomViewPager) findViewById(R.id.custom_view_pager);
initData();
}
private void initData() {
imageViews = new ArrayList<>();
for(int i=0;i<ids.length;i++){
ImageView imageView  = new ImageView(this);
imageView.setBackgroundResource(ids[i]);
imageViews.add(imageView);
custom_view_pager.addView(imageView);
}
}
}

这就可以了,再贴下布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<zhi.more.customviewpager.view.CustomViewPager
android:id="@+id/custom_view_pager"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
</RelativeLayout>

这里注意下：onTouchEvent()这个方法返回值,返回true和false有啥区别:简单的说下

返回true,表示自己处理了这个滑动事件,返回false表示传递给子view，而当前这个父view就不再持有这个滑动事件了,想很好了解这个问题,就设计到view事件传递了,大家可以通过在down,move，up下返回不同的值 打log去分析原理,在这里就不讲解了,