博客
关于我
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中Express 路由统一设置缓存的小技巧
查看>>
NodeJs学习笔记001--npm换源
查看>>
Node入门之创建第一个HelloNode
查看>>
NOIp2005 过河
查看>>
NOPI读取Excel
查看>>
NoSQL&MongoDB
查看>>
NotImplementedError: Cannot copy out of meta tensor; no data! Please use torch.nn.Module.to_empty()
查看>>
npm install报错,证书验证失败unable to get local issuer certificate
查看>>
npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS
查看>>
npm run build部署到云服务器中的Nginx(图文配置)
查看>>
npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
查看>>
npm切换到淘宝源
查看>>
npm前端包管理工具简介---npm工作笔记001
查看>>
npm和yarn清理缓存命令
查看>>
npm和yarn的使用对比
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
查看>>
npm错误Error: Cannot find module ‘postcss-loader‘
查看>>
NPOI之Excel——合并单元格、设置样式、输入公式
查看>>
NPOI利用多任务模式分批写入多个Excel
查看>>