Android 自定义控件打造史上最简单的侧滑菜单

@Override

public boolean onTouchEvent(MotionEvent ev)

{

int action = ev.getAction();

switch (action)

{

// Up时，进行判断，如果显示区域大于菜单宽度一半则完全显示，否则隐藏

case MotionEvent.ACTION_UP:

int scrollX = getScrollX();

if (scrollX > mHalfMenuWidth)

this.smoothScrollTo(mMenuWidth, 0);

else

this.smoothScrollTo(0, 0);

return true;

}

return super.onTouchEvent(ev);

}

}

哈哈，完工_{上面的演示图，就用到这么点代码}~

代码怎么样，短不短_{除了设置宽度这些杂七杂八的代码}正在处理滑动的代码不过10行~~我说史上最简单不为过吧~

嗯，由于代码过于短，就不解释了，大家自己看下注释~

5、扩展

====

嗯，就下来，我们完善下程序，我准备首先把菜单布局里面改成ListView来证明我们是没有冲突的；然后添加一个属性让用户配置菜单距离右边的边距的值；再对外公布一个方法，点击自动打开菜单，供用户点击某个按钮，菜单慢慢滑出来~

1、添加自定义属性

---

a、首先在values文件夹下新建一个attr.xml，写入以下内容：

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

b、在布局中声明命名空间和使用属性

定义完了，肯定要使用么。

<com.example.zhy_slidingmenu.SlidingMenu xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

xmlns:zhy=“http://schemas.android.com/apk/res/com.example.zhy_slidingmenu”

android:layout_width=“wrap_content”

android:layout_height=“fill_parent”

android:scrollbars=“none”

zhy:rightPadding=“100dp” >

可以看到我们的命名空间：xmlns:zhy=“http://schemas.android.com/apk/res/com.example.zhy_slidingmenu” 是http://schemas.android.com/apk/res/加上我们的包名；

我们的属性：zhy:rightPadding="100dp"这里我设置了100dp；

注：很多人问我，没有提示咋办，这样，你clean下项目，如果你运气好，就有提示了，嗯，运气好~

c、在我们自定义类中获得属性

public SlidingMenu(Context context, AttributeSet attrs, int defStyle)

{

super(context, attrs, defStyle);

mScreenWidth = ScreenUtils.getScreenWidth(context);

TypedArray a = context.getTheme().obtainStyledAttributes(attrs,

R.styleable.SlidingMenu, defStyle, 0);

int n = a.getIndexCount();

for (int i = 0; i < n; i++)

{

int attr = a.getIndex(i);

switch (attr)

{

case R.styleable.SlidingMenu_rightPadding:

// 默认50

mMenuRightPadding = a.getDimensionPixelSize(attr,

(int) TypedValue.applyDimension(

TypedValue.COMPLEX_UNIT_DIP, 50f,

getResources().getDisplayMetrics()));// 默认为10DP

break;

}

}

a.recycle();

}

在三个参数的构造方法中，通过TypeArray获取就行了~

好了，这样就行了_{如果你又很多自定义属性，按照上面的步骤来就行了}~

2、对外公布一个打开菜单的方法

---

首先定义一个boolean isOpen变量，用来标识我们当前菜单的状态~~然后记得在ACTION_UP的时候改变下状态：

case MotionEvent.ACTION_UP:

int scrollX = getScrollX();

if (scrollX > mHalfMenuWidth)

{

this.smoothScrollTo(mMenuWidth, 0);

isOpen = false;

} else

{

this.smoothScrollTo(0, 0);

isOpen = true;

}

return true;

}

下面开始添加方法：

/**

• 打开菜单

*/

public void openMenu()

{

if (isOpen)

return;

this.smoothScrollTo(0, 0);

isOpen = true;

}

/**

• 关闭菜单

*/

public void closeMenu()

{

if (isOpen)

{

this.smoothScrollTo(mMenuWidth, 0);

isOpen = false;

}

}

/**

• 切换菜单状态

*/

public void toggle()

{

if (isOpen)

{

closeMenu();

} else

{

openMenu();

}

}

顺手多添加了两个。。。

下面，我们挑一个进行测试：

主布局多添加一个按钮，用于触发toggleMenu（）方法

主Activity

public class MainActivity extends Activity

{

private SlidingMenu mMenu ;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

mMenu = (SlidingMenu) findViewById(R.id.id_menu);

}

public void toggleMenu(View view)

{

mMenu.toggle();

}

}

好了，看下现在的效果图：

我们把padding改成了100dp~

然后点击我们的按钮，看哈效果~~

3、添加ListView测试

---

好了ListView也测试完了大家可以根据自己的需求各种修改~~

对了，今天测试用QQ的目的是为了，下次我要拿上面的代码，改造和QQ5.0一模一样的效果，大家有兴趣可以提前试一试，QQ的菜单好像是隐藏在主界面下面一样，给人感觉不是划出来的，我们这个例子也能做出那样的效果，拭目以待吧；剩下就是各种缩放，透明度的动画了~~~

源码点击下载

如果觉得不错，评价下_哈

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

最后针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）**

最后

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

[外链图片转存中…(img-44XbTXJH-1711554059193)]

最后针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！