快捷導(dǎo)航

android viewpager實(shí)現(xiàn)豎直滑動(dòng)效果

更新時(shí)間：2018年07月17日 09:35:15 作者：houshenxian

這篇文章主要為大家詳細(xì)介紹了android viewpager實(shí)現(xiàn)豎直滑動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

做過android開發(fā)的朋友們，一定知道viewpager是什么，但是viewpager只能水平滑動(dòng)。現(xiàn)在有的項(xiàng)目引導(dǎo)頁也開始使用豎直滑動(dòng),這個(gè)時(shí)候viewpager就不能幫到我們了，怎么辦？只有自定義了，今天就簡單講下viewpager豎直滑動(dòng)的實(shí)現(xiàn),但是這是告訴大家怎么實(shí)現(xiàn)，具體肯定不能用于真實(shí)項(xiàng)目中，因?yàn)檫€有些細(xì)節(jié)沒處理，只是給大家講個(gè)思路而已！

首先新建一個(gè)android項(xiàng)目叫：Customviewpager

我們也知道viewpager也是繼承了ViewGroup類的，在這里我們寫一個(gè)CustomViewPager類也繼承了ViewGroup。

其實(shí)代碼很少，先貼代碼然后講解：

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 在屏幕上要移動(dòng)的距離 而不是坐標(biāo)
 */
 @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());、//這是水平方向滑動(dòng)
 childView.layout(0, i*getHeight(), getWidth(), (i+1)*getHeight());//這是豎直方向滑動(dòng)
 }
 }
 /**
 * 這個(gè)默認(rèn)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()這個(gè)方法返回值。返回true和false有啥區(qū)別。簡單的說下

返回true表示自己處理了這個(gè)滑動(dòng)事件。返回false表示傳遞給子view，而當(dāng)前這個(gè)父view就不再持有這個(gè)滑動(dòng)事件了，想很好了解這個(gè)問題，就設(shè)計(jì)到view事件傳遞了，大家可以通過在down，move，up下返回不同的值，打log去分析原理,，在這里就不講解了。

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: