android viewpager实现竖直滑动效果

所属分类: 软件编程 / Android 阅读数: 100
收藏 0 赞 0 分享

做过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去分析原理,,在这里就不讲解了。

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

更多精彩内容其他人还在看

Android样式和主题之选择器的实例讲解

今天小编就为大家分享一篇关于Android样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多