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

2023-08-29 13:46:04 69

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

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

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

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

menu菜单布局

显示界面布局

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

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

/**
*测量布局中的控件
*
*@paramwidthMeasureSpec
*@paramheightMeasureSpec
*/
@Override
protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){
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
protectedvoidonLayout(booleanchanged,intl,intt,intr,intb){

intmenuleft=-menuViewWidth;//menu设定的left
intmenuright=0;//menu设定的right
intmenutop=0;//menu设定的top
intmenubottom=b-t;//menu设定的bottom
//布局menuView控件xx2
menuView.layout(menuleft,menutop,menuright,menubottom);
intmainleft=0;//main设定的left
intmainright=r-l;//main设定的right
intmaintop=0;//main设定的top
intmainbottom=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是取反操作，所以需要封装一下
*
*@paramdistance
*/
privatevoidscrollTo(intdistance){
super.scrollTo(-distance,0);
}

publicintgetMyScrollX(){
return-getScrollX();
}

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

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

}
}

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

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

创建监听，以及回调接口

/**
*拖拽的监听
*/
publicvoidsetOnDragStateListener(onDragStateListenerlistener){
mOnDragStateListener=listener;
}

/**
*回调修改状态
*
*@paramdragState
*/
publicvoidsetStateChange(booleandragState){
if(dragState){
currrentScroll=0;
rightAnimation();
}else{
currrentScroll=menuViewWidth;
leftAnimation();
}
}


/**
*创建拖拽的回调接口
*/
publicinterfaceonDragStateListener{
/**
*被拖拽开
*/
voidonDragOpen();

/**
*被关闭
*/
voidonDragClose();
}

主Activity中实现监听效果

iv_showmenu.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
//图片点击后触发改变状态
sliding_menu.setStateChange(dragState);
}
});
sliding_menu.setOnDragStateListener(newSlideMenu.onDragStateListener(){
@Override
publicvoidonDragOpen(){
ToastUtils.setToast(getApplicationContext(),"open");
dragState=false;
tv_news.setSelected(true);
tv_news.setTextColor(Color.BLUE);
}

@Override
publicvoidonDragClose(){
ToastUtils.setToast(getApplicationContext(),"close");
dragState=true;
tv_news.setSelected(false);
tv_news.setTextColor(Color.WHITE);
}
});
tv_news.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
ToastUtils.setToast(getApplicationContext(),tv_news.getText().toString());
}
});
}

github源码地址

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

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

热门推荐

随机推荐