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去分析原理,,在这里就不讲解了。
上一篇:Android中使用DownloadManager类来管理数据下载的教程
栏 目:Android代码
下一篇:Android Bluetooth蓝牙技术使用流程详解
本文标题:android viewpager实现竖直滑动效果
本文地址:http://www.codeinn.net/misctech/40556.html