Android实现3种侧滑效果（仿qq侧滑、抽屉侧滑、普通侧滑）

2024-02-25 10:25:04 44

自己实现了一下侧滑的三种方式（注释都写代码里了）

本文Demo下载地址：Andriod侧滑

本文实现所需框架：nineoldandroids下载地址：nineoldandroids

1.普通侧滑：

主要是基于HorizontalScrollView做的：示例代码如下

主要布局：

菜单的布局

定义view类

publicclassSlidingMenu_qqextendsHorizontalScrollView{

privateLinearLayoutmWapper;
privateViewGroupmMenu;
privateViewGroupmContent;
//menu的宽度
privateintmMenuWidth;
//屏幕的宽度（内容区的宽度就是屏幕宽度）
privateintmScreenWdith;
//菜单与右边的距离50dp
privateintmMenuRightPidding=50;
//调用一次
privatebooleanonce;
//标识状态
privatebooleanisOPen;

/**
*未使用自定义属性时调用
*由于设置了attr所以...
*
*@paramcontext
*@paramattrs
*/
publicSlidingMenu_qq(Contextcontext,AttributeSetattrs){
//调用三个参数的构造方法
this(context,attrs,0);
//获取屏幕宽度（窗口管理器）
/*WindowManagerwm=(WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
//展示度量
DisplayMetricsoutMetrics=newDisplayMetrics();
wm.getDefaultDisplay().getMetrics(outMetrics);
mScreenWdith=outMetrics.widthPixels;
//把dp转换成px
mMenuRightPidding=(int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,50,context.getResources().getDisplayMetrics());
*/
}

/**
*当实现自定义属性时会执行三个参数的方法
*
*@paramcontext
*@paramattrs
*@paramdefStyleAttr
*/
publicSlidingMenu_qq(Contextcontext,AttributeSetattrs,intdefStyleAttr){
super(context,attrs,defStyleAttr);

//获取自定义的属性

TypedArraya=context.getTheme().obtainStyledAttributes(attrs,R.styleable.SlidingMenu_qq,defStyleAttr,0);
//自定义属性个数
intn=a.getIndexCount();
for(inti=0;i=mMenuWidth/2){
//scrollTo也行但是动画效果不好（隐藏）
this.smoothScrollTo(mMenuWidth,0);
//代表菜单隐藏
isOPen=false;
}else{
this.smoothScrollTo(0,0);
//表菜单打开
isOPen=true;
}
returntrue;
}
returnsuper.onTouchEvent(ev);
}

/**
*打开菜单
*/
publicvoidopenMenu(){
//已经打开
if(isOPen)return;
this.smoothScrollTo(0,0);
isOPen=true;
}

/**
*关闭菜单
*/
publicvoidcloseMenu(){
//正在打开
if(!isOPen)return;
this.smoothScrollTo(mMenuWidth,0);
isOPen=false;
}

/**
*切换菜单
*/
publicvoidtoggle(){
if(isOPen){
closeMenu();
}else{
openMenu();
}
}
}

2.抽屉侧滑（添加此方法）

/**
*实现抽屉滑动
*l隐藏在左边的宽度
*后边是变化梯度
*/

@Override
protectedvoidonScrollChanged(intl,intt,intoldl,intoldt){
super.onScrollChanged(l,t,oldl,oldt);
floatscale=l*1.0f/mMenuWidth;//1~0梯度的值
//调用属性动画
ViewHelper.setTranslationX(mMenu,mMenuWidth*scale);
}

3.qq5.0侧滑，实现这个方法

/**
*实现仿qq5.0
*l等于隐藏在左边的宽度（越来越小）
*后边是变化梯度
*/

@Override
protectedvoidonScrollChanged(intl,intt,intoldl,intoldt){
super.onScrollChanged(l,t,oldl,oldt);
floatscale=l*1.0f/mMenuWidth;//1~0梯度的值

//调用属性动画

//菜单的缩放操作
floatleftScale=1.0f-scale*0.3f;
//透明度
floatleftAlpha=0.6f+0.4f*(1-scale);
ViewHelper.setTranslationX(mMenu,mMenuWidth*scale*0.8f);
ViewHelper.setScaleX(mMenu,leftScale);
ViewHelper.setScaleY(mMenu,leftScale);
ViewHelper.setAlpha(mMenu,leftAlpha);

//内容区域不断缩小
floatrightScale=0.7f+0.3f*scale;
//横向纵向缩放（不更改缩放中心点就全隐藏了）
ViewHelper.setPivotX(mContent,0);
ViewHelper.setPivotY(mContent,mContent.getHeight()/2);
ViewHelper.setScaleX(mContent,rightScale);
ViewHelper.setScaleY(mContent,rightScale);

}

更多学习内容，可以点击《Android侧滑效果汇总》学习。

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

Android实现3种侧滑效果（仿qq侧滑、抽屉侧滑、普通侧滑）

热门推荐

随机推荐