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

发布时间:2020-09-22 10:19:20 作者:Allen-华
来源:脚本之家 阅读:185

本文实例为大家分享了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>

推荐阅读:
  1. Android怎么实现侧滑
  2. Android布局控件DrawerLayout实现完美侧滑效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

drawerlayout 抽屉侧滑

上一篇:Python基础知识的总结

下一篇:php转正数的实现方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》