android垂直viewpager,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

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 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

ImageView imageView = new ImageView(this);

imageView.setBackgroundResource(ids[i]);

imageViews.add(imageView);

custom_view_pager.addView(imageView);

}

}

}

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:id="@+id/custom_view_pager"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

/>

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值