Android实现QQ侧滑菜单效果

2023-08-29 14:20:05 58

QQ侧滑菜单的Android实现代码，供大家参考，具体内容如下

实现逻辑

1.先写出菜单页面和主页面的布局

2.创建一个类,继承RelativeLayout,实现里面的onLayout

3.在主布局文件中添加子空间

4.在onLayout里面获取子控件的宽和高,并对子控件的位置进行绘制

5.给子布局设置滑动事件,分别在手指落下\移动\抬起的时候,获取手指的位置

6.在手指移动的过程中,对菜单页面的移动距离进行限制,防止菜单页面跑出指定的页面

7.在手指抬起的时候,判定一下手指移动的距离,如果移动的距离大于菜单页面宽度的一半,那就让菜单弹出,否则就让菜单回到默认的位置

8.针对菜单的弹出和收起,实现了一个渐变的过程,防止手指抬起的时候,菜单页面会突然间到达指定的位置,这个功能的实现需要借助computeScroll方法

9.滑动冲突的处理,分别求出手指移动时,X和Y方向的偏移量,如果x方向的大于Y方向的,那就判定滑动事件是弹出和收起菜单,否则就判定为菜单页面的内部滑动

代码文件

布局文件

菜单布局文件

主页面布局

自定义布局

packagecom.example.a1_;

importandroid.content.Context;
importandroid.util.AttributeSet;
importandroid.view.MotionEvent;
importandroid.view.View;
importandroid.widget.RelativeLayout;
importandroid.widget.Scroller;

/**
*CreatedbyAdministratoron2017.05.29.0029.
*/

publicclassSlidingMenuextendsRelativeLayout{

privatefloatdownX;
privateintdestance;
privateintmenuWidth;
privateintendx;
privateintdx;
privatefinalScrollerscroller;
privatefloatdownY;
privateintdy;

publicSlidingMenu(Contextcontext,AttributeSetattrs){
super(context,attrs);
//创建Scroller对象
scroller=newScroller(context);
}

@Override
protectedvoidonLayout(booleanchanged,intl,intt,intr,intb){
//获取子控件
Viewmenu=getChildAt(0);
Viewmain=getChildAt(1);
//获取菜单布局的宽度
menuWidth=menu.getMeasuredWidth();
//把菜单布局布置在屏幕左侧
menu.layout(-menuWidth,t,0,b);
//主页面使用默认的位置就可以
main.layout(l,t,r,b);
}

//给布局添加一个touch事件

@Override
publicbooleanonTouchEvent(MotionEventevent){
switch(event.getAction()){
caseMotionEvent.ACTION_DOWN:
//当手指按下时,记录一下手指的位置
downX=event.getX();
break;
caseMotionEvent.ACTION_MOVE:
//当手指移动的时候,记录移动的距离
destance=(int)(event.getX()-downX+endx);
//对手指滑动的时候,页面移动做出限制
if(destance>menuWidth){
destance=menuWidth;
}elseif(destance<0){
destance=0;
}
scrollTo(-destance,0);
break;
caseMotionEvent.ACTION_UP:
//当手指离开屏幕的时候,记录菜单的位置,根据情况进行判定
if(destanceMath.abs(dy)){
//拦截move事件
returntrue;
}
break;
}
returnsuper.onInterceptTouchEvent(ev);
}

//判断当前的菜单状态是打开还是关闭的
publicvoidswitchMenu(){
intstartX=0;
if(endx==0){
endx=menuWidth;
}else{
endx=0;
startX=menuWidth;
}
//设置偏移量
intdx=endx-startX;
scroller.startScroll(startX,0,dx,0,Math.abs(dx)*10);
invalidate();
}
}

主页面代码

packagecom.example.a1_;

importandroid.support.v7.app.AppCompatActivity;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.widget.ImageButton;

publicclassMainActivityextendsAppCompatActivity{
privateSlidingMenuslidingMenu;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控件
ImageButtonimageButton=(ImageButton)findViewById(R.id.ib_back);
slidingMenu=(SlidingMenu)findViewById(R.id.slidingmenu);

//设置点击事件
imageButton.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
slidingMenu.switchMenu();
}
});
}
}

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

Android实现QQ侧滑菜单效果

热门推荐

随机推荐