博客
关于我
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/

你可能感兴趣的文章
npm如何清空缓存并重新打包?
查看>>
npm学习(十一)之package-lock.json
查看>>
npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
查看>>
npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
查看>>
npm安装教程
查看>>
npm报错Cannot find module ‘webpack‘ Require stack
查看>>
npm报错Failed at the node-sass@4.14.1 postinstall script
查看>>
npm报错fatal: Could not read from remote repository
查看>>
npm报错File to import not found or unreadable: @/assets/styles/global.scss.
查看>>
npm报错TypeError: this.getOptions is not a function
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
查看>>
npm版本过高问题
查看>>
npm的“--force“和“--legacy-peer-deps“参数
查看>>
npm的安装和更新---npm工作笔记002
查看>>
npm的常用操作---npm工作笔记003
查看>>
npm的常用配置项---npm工作笔记004
查看>>
npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
查看>>
npm编译报错You may need an additional loader to handle the result of these loaders
查看>>
npm设置淘宝镜像、升级等
查看>>