Android 自定义控件打造史上最简单的侧滑菜单,通用流行框架大全

private boolean once;

public SlidingMenu(Context context, AttributeSet attrs)

{

super(context, attrs);

mScreenWidth = ScreenUtils.getScreenWidth(context);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

{

/**

  • 显示的设置一个宽度

*/

if (!once)

{

LinearLayout wrapper = (LinearLayout) getChildAt(0);

ViewGroup menu = (ViewGroup) wrapper.getChildAt(0);

ViewGroup content = (ViewGroup) wrapper.getChildAt(1);

// dp to px

mMenuRightPadding = (int) TypedValue.applyDimension(

TypedValue.COMPLEX_UNIT_DIP, mMenuRightPadding, content

.getResources().getDisplayMetrics());

mMenuWidth = mScreenWidth - mMenuRightPadding;

mHalfMenuWidth = mMenuWidth / 2;

menu.getLayoutParams().width = mMenuWidth;

content.getLayoutParams().width = mScreenWidth;

}

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

}

@Override

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

{

super.onLayout(changed, l, t, r, b);

if (changed)

{

// 将菜单隐藏

this.scrollTo(mMenuWidth, 0);

once = true;

}

}

@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();

}

}

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

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

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

img

img

img

img

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

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

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

重要知识点

下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。

高级进阶篇——高级UI,自定义View(部分展示)

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!

  • 面试题部分合集

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

重要知识点

下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。

[外链图片转存中…(img-6YRmxaQP-1712363840632)]

高级进阶篇——高级UI,自定义View(部分展示)

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!

[外链图片转存中…(img-8xS6JMu1-1712363840632)]

  • 面试题部分合集
    [外链图片转存中…(img-w7SqIuH8-1712363840632)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 19
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值