Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > DrawerLayout实现抽屉侧滑效果

利用DrawerLayout和触摸事件分发实现抽屉侧滑效果

作者:Allen-华

这篇文章主要为大家详细介绍了利用DrawerLayout和触摸事件分发实现抽屉侧滑效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了DrawerLayout和触摸事件分发实现抽屉侧滑效果的具体代码,供大家参考,具体内容如下

效果展示

还是看代码实在,直接上菜了。

1.MainActivity的代码:

public class MainActivity extends AppCompatActivity implements  MyDraweLayout.GetPositionCallback {

    private List<ImageView> imageList;
    private ViewPager viewPager;
    private MyAdapter adapter;
    private MyDraweLayout myDraweLayout;
    private int currentPosition;

    @Override
    protected void onCreate (Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    viewPager = (ViewPager) findViewById(R.id.viewpager);
    myDraweLayout = (MyDraweLayout) findViewById(R.id.mydrawelayout);
    initdata();
    adapter = new MyAdapter(this, imageList);
     myDraweLayout.setCallback(this);
    viewPager.setAdapter(adapter);
      viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
          currentPosition=position;
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
      });

  }
  private void initdata() {
    imageList = new ArrayList<ImageView>();

    ImageView imageView = new ImageView(this);
    imageView.setImageResource(R.mipmap.ic_launcher);
    imageView.setScaleType(ImageView.ScaleType.FIT_XY);
    imageList.add(imageView);

    imageView = new ImageView(this);
    imageView.setImageResource(R.mipmap.ic_launcher);
    imageView.setScaleType(ImageView.ScaleType.FIT_XY);
    imageList.add(imageView);

    imageView = new ImageView(this);
    imageView.setImageResource(R.mipmap.ic_launcher);
    imageView.setScaleType(ImageView.ScaleType.FIT_XY);
    imageList.add(imageView);

    imageView = new ImageView(this);
    imageView.setImageResource(R.mipmap.ic_launcher);
    imageView.setScaleType(ImageView.ScaleType.FIT_XY);
    imageList.add(imageView);


  }


  @Override
  public int position() {
    return currentPosition;//TODO 通过接口回调把当前位置传到MyDraweLayout中
  }
}

2.MyDraweLayout类中的代码:

public class MyDraweLayout extends DrawerLayout {
  public MyDraweLayout(Context context) {
    super(context);
  }

  public MyDraweLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public MyDraweLayout(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
  }
  //TODO 事件拦截
  @Override
  public boolean onInterceptTouchEvent(MotionEvent ev) {
    //Todo 获得当前位置,进行判断
    if(callback.position()==0){
      return super.onInterceptTouchEvent(ev);
    }else {
      return false;
    }
  }



  public interface GetPositionCallback{
    int position();
  }
 private GetPositionCallback callback;
  public void setCallback(GetPositionCallback callback){
    this.callback = callback;

  }
}

3.适配器的代码;

public class MyAdapter extends PagerAdapter {

  private final List<ImageView> imageList;
  private final Context contex;

  public MyAdapter(Context context, List<ImageView> imageList) {
  this.contex=context;
    this.imageList = imageList;
  }

  @Override
  public int getCount() {
    return imageList.size();
  }

  @Override
  public boolean isViewFromObject(View view, Object object) {
    return view==object;
  }

  @Override
  public Object instantiateItem(ViewGroup container, int position) {
    ImageView imageView = imageList.get(position);
    container.addView(imageView);
    return imageView;
  }

  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
    //super.destroyItem(container, position, object);这行代码记得删除,不然滑到Viewpager的时候会闪退哦
    container.removeView(imageList.get(position));
  }
}

4.xml布局:

<?xml version="1.0" encoding="utf-8"?>
<com.example.a43_drawelayoutandviewpager.MyDraweLayout
  android:id="@+id/mydrawelayout"
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
>
<RelativeLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="250dp"
    android:id="@+id/viewpager"/>
  </RelativeLayout>
  <ImageView

    android:background="@mipmap/ic_launcher"
    android:layout_width="300dp"
    android:layout_gravity = "start"
    android:layout_height="match_parent"
    android:layout_below="@+id/viewpager"
   />
</com.example.a43_drawelayoutandviewpager.MyDraweLayout>

您可能感兴趣的文章:
阅读全文