Android自定义实现侧滑菜单效果-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

Android自定义实现侧滑菜单效果

本文实例为大家分享了Android自定义实现侧滑菜单的具体代码,供大家参考,具体内容如下

施甸网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联建站2013年至今到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站

实现原理:继承ViewGroup控件要显示到界面上需要重写OnMeature()
OnLayout(),因此在实现OnLayout()的时候,将菜单界面划出到屏幕左侧,动态改变菜单界面距离scrollXto()左边界的距离就能实现滑动效果。

1.继承ViewGroup
2.事件分发机制
3.状态监听

在主界面中添加两个子控件



  
  

  
  

menu菜单布局

<?xml version="1.0" encoding="utf-8"?>


  

    

    

    

    

    

    

    

    
  

显示界面布局

<?xml version="1.0" encoding="utf-8"?>


  

    

    

    
  

  


实现原理:继承ViewGroup控件要显示到界面上需要重写OnMeature() OnLayout(),因此在实现OnLayout()的时候,将菜单界面划出到屏幕左侧,动态改变菜单界面距离scrollXto()左边界的距离就能实现滑动效果。

实现onMeasure()和onLayout()方法,对控件进行布局

/**
   * 测量布局中的控件
   *
   * @param widthMeasureSpec
   * @param heightMeasureSpec
   */
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);//测量自身宽高
    //得到menu界面
    menuView = getChildAt(0);
    menuViewWidth = menuView.getLayoutParams().width;
    //得到main界面
    mainView = getChildAt(1);
    //设定menuView的宽------不用setMeasure...
    menuView.measure(MeasureSpec.makeMeasureSpec(menuViewWidth, MeasureSpec.EXACTLY), heightMeasureSpec);
    //设定mainView的宽
    mainView.measure(widthMeasureSpec, heightMeasureSpec);
  }

  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {

    int menuleft = -menuViewWidth;//menu设定的left
    int menuright = 0;//menu设定的right
    int menutop = 0;//menu设定的top
    int menubottom = b - t;//menu设定的bottom
    //布局menuView 控件xx2
    menuView.layout(menuleft, menutop, menuright, menubottom);
    int mainleft = 0;//main设定的left
    int mainright = r - l;//main设定的right
    int maintop = 0;//main设定的top
    int mainbottom = b - t;//main设定的bottom
    //布局mainView ---------------控件.....你妈逼方向---------方向是left,top,right,bottom
    mainView.layout(mainleft, maintop, mainright, mainbottom);
    System.out.println(menuViewWidth--);//原来这这里减减了;

  }

通过onTouch()方法,以及scrollX()和getScrollX()方法获取边界值,动态改变去实现滑动。
这里需要注意的是scrollX(),getScrollX()得到的值是相对于布局起始点的,所以需要重新封装;
平滑动画,需要在构造函数中创建一个Scroll 类,然后通过ComplentScroll..方法,判断设定的平滑动画是否结束。

最后通过,动画结束后的边界值,判断是否打开,关闭状态。

 /**
   * 由于系统scrollTo是取反操作,所以需要封装一下
   *
   * @param distance
   */
  private void scrollTo(int distance) {
    super.scrollTo(-distance, 0);
  }

  public int getMyScrollX() {
    return -getScrollX();
  }

  /**
   * 控件触莫状态
   *
   * @param event
   * @return
   */
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        //记录按下点
        down_dot = (int) event.getX();
        System.out.println(down_dot);
        break;
      case MotionEvent.ACTION_MOVE:
        int move_dot = (int) event.getX();
        //动态的移动点和按下点的间距绝对值
        move2down_distance = move_dot - down_dot;
        //移动间距与上次抬起的点
        int lastUp_dot = move2down_distance + up_dot;
        // 控制边界
        if (lastUp_dot >= menuViewWidth) {
          lastUp_dot = menuViewWidth;
        } else if (lastUp_dot <= 0) {
          lastUp_dot = 0;
        }
        //设定移动后的距离
        scrollTo(lastUp_dot);
        break;
      case MotionEvent.ACTION_UP:
        //当前抬起手指点
        up_dot = (int) event.getX();
        //设定最终的状态
        setFinalScroll();
        break;
    }
    return true;//将事件消费掉
  }

  /**
   * 当手指抬起后,记录最终的状态;
   */
  private void setFinalScroll() {
    //得到当前距离左边界的距离
    currrentScroll = getMyScrollX();
    if (currrentScroll >= menuViewWidth / 2) {
      //scrollTo(menuViewWidth);
      rightAnimation();
    } else {
      leftAnimation();

    }
  }

  /**
   * 平滑向左的移动动画
   */
  private void leftAnimation() {
    //scrollTo(0);
    int dx = 0 - currrentScroll;//要移动的距离
    //设定平滑动画
    msScroller.startScroll(currrentScroll, 0, dx, 0, 300);
    invalidate();
    //设定一下抬起点
    up_dot = 0;
    //调用接口的关闭状态
    mOnDragStateListener.onDragClose();
  }
  /**
   * 平滑向右移动的动画
   */
  private void rightAnimation() {
    int dx = menuViewWidth - currrentScroll;//要移动的距离
    //设定平滑动画
    msScroller.startScroll(currrentScroll, 0, dx, 0, 300);
    invalidate();
    //设定一下抬起点
    up_dot = menuViewWidth;
    //调用接口的开启状态
    mOnDragStateListener.onDragOpen();
  }

  /**
   * 平滑移动动画是否结束
   */
  @Override
  public void computeScroll() {
    super.computeScroll();
    if (msScroller.computeScrollOffset()) {
      int currX = msScroller.getCurrX();//模拟出来的数值
      scrollTo(currX);
      invalidate();
    }
  }

创建监听,以及回调接口

 /**
   * 拖拽的监听
   */
  public void setOnDragStateListener(onDragStateListener listener) {
    mOnDragStateListener = listener;
  }

  /**
   * 回调修改状态
   *
   * @param dragState
   */
  public void setStateChange(boolean dragState) {
    if (dragState) {
      currrentScroll = 0;
      rightAnimation();
    } else {
      currrentScroll = menuViewWidth;
      leftAnimation();
    }
  }


  /**
   * 创建拖拽的回调接口
   */
  public interface onDragStateListener {
    /**
     * 被拖拽开
     */
    void onDragOpen();

    /**
     * 被关闭
     */
    void onDragClose();
  }

主Activity中实现监听效果

iv_showmenu.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        //图片点击后触发改变状态
        sliding_menu.setStateChange(dragState);
      }
    });
    sliding_menu.setOnDragStateListener(new SlideMenu.onDragStateListener() {
      @Override
      public void onDragOpen() {
        ToastUtils.setToast(getApplicationContext(), "open");
        dragState = false;
        tv_news.setSelected(true);
        tv_news.setTextColor(Color.BLUE);
      }

      @Override
      public void onDragClose() {
        ToastUtils.setToast(getApplicationContext(), "close");
        dragState = true;
        tv_news.setSelected(false);
        tv_news.setTextColor(Color.WHITE);
      }
    });
    tv_news.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        ToastUtils.setToast(getApplicationContext(), tv_news.getText().toString());
      }
    });
  }

github源码地址

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


网页标题:Android自定义实现侧滑菜单效果
浏览路径:http://kswsj.cn/article/gsshco.html

其他资讯