博客
关于我
Android经典侧滑菜单SlidingMenu使用介绍
阅读量:801 次
发布时间:2019-03-25

本文共 1737 字,大约阅读时间需要 5 分钟。

SlidingMenu 是一款开源的 Android 开发类库,专为开发者提供简便的方式来创建侧滑菜单,效果类似于 Google+、YouTube 和 Facebook 等应用程序的菜单布局。作为一名技术人员,我将深入介绍 SlidingMenu 的使用方法,包括 DEMO 示例、XML 配置方式以及常用属性设置等内容。

SlidingMenu 简单 DEMO 示例

以下是一个简单的 DEMO 示例:

public class SlidingExample extends Activity {    private SlidingMenu slidingMenu;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.content);                slidingMenu = new SlidingMenu(this);        slidingMenu.setMode(SlidingMenu.LEFT);        slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);        slidingMenu.setShadowWidthRes(R.dimen.shadow_width);        slidingMenu.setShadowDrawable(R.drawable.shadow);        slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);        slidingMenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);        slidingMenu.setMenu(R.layout.menu);    }}

SlidingMenu XML 配置方式

如果你希望将 SlidingMenu 当做一个 View 使用,可以通过 XML 配置方式来实现:

注意事项

  • 不要同时使用 behindOffsetbehindWidth
  • 确保项目使用的库版本与 SlidingMenu 相容,重要的是 android-support-v4.jar

常用属性设置

  • setMode(SlidingMenu.LEFT):设置左侧滑动菜单
  • setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN):设置全屏触控模式
  • setShadowDrawable(R.drawable.shadow):设置阴影图片
  • setShadowWidthRes(R.dimen.shadow_width):设置阴影宽度
  • setBehindOffsetRes(R.dimen.slidingmenu_offset):设置菜单划出时的剩余宽度
  • setMenu(R.layout.menu_layout):设置菜单布局
  • attachToActivity(this, SlidingMenu.SLIDING_CONTENT):将菜单附加到 Activity

SlidingMenu GitHub 地址

SlidingMenu 的开源库地址为:https://github.com/jfeinstein10/SlidingMenu

结合 ActionBarSherlock 使用效果更为丰富,ActionBarSherlock 的地址为:https://github.com/JakeWharton/ActionBarSherlock

作为一名技术人员,我认为 SlidingMenu 是一个非常 ergonomic 的库,能够显著提升 Android 应用程序的用户体验。如果你有任何关于 SlidingMenu 的疑问或需要进一步的帮助,随时可以联系我。

转载地址:http://rziyk.baihongyu.com/

你可能感兴趣的文章
nodejs图片转换字节保存
查看>>
nodejs在Liunx上的部署生产方式-PM2
查看>>
nodejs基于art-template模板引擎生成
查看>>
nodejs字符与字节之间的转换
查看>>
NodeJs学习笔记001--npm换源
查看>>
NodeJs学习笔记002--npm常用命令详解
查看>>
nodejs学习笔记一——nodejs安装
查看>>
vue3+Element-plus icon图标无法显示的问题(已解决)
查看>>
NodeJS实现跨域的方法( 4种 )
查看>>
nodejs封装http请求
查看>>
nodejs常用组件
查看>>
nodejs开发公众号报错 40164,白名单配置找不到,竟然是这个原因
查看>>
Nodejs异步回调的处理方法总结
查看>>
NodeJS报错 Fatal error: ENOSPC: System limit for number of file watchers reached, watch ‘...path...‘
查看>>
nodejs支持ssi实现include shtml页面
查看>>
Nodejs教程09:实现一个带接口请求的简单服务器
查看>>
nodejs服务端实现post请求
查看>>
nodejs框架,原理,组件,核心,跟npm和vue的关系
查看>>
Nodejs概览: 思维导图、核心技术、应用场景
查看>>
nodejs模块——fs模块
查看>>