Android UI（三）SlidingMenu实现滑动菜单（详细官方）

最新推荐文章于 2025-09-05 16:34:31 发布

转载最新推荐文章于 2025-09-05 16:34:31 发布 · 61 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/35579

文章标签：

#移动开发 #ui #java

本文介绍了一个用于开发带滑动菜单的Android应用的开源库SlidingMenu。通过简单的配置即可实现如Google+等应用中的滑动菜单效果。文章提供了示例代码，并展示了如何使用Java和XML两种方式来配置滑动菜单。

效果图：

求资源到首页上部加群即可。

一. SlidingMenu简介

github：https://github.com/jfeinstein10/SlidingMenu

官网上面的简介上翻译的：

SlidingMenu是能让开发者很容易的开发有滑动菜单App（像Google+，YouTube，Facebook）的开源android库。只要引入这个开源库的许可代码，就可以很容易免费的用在你想要滑动菜单的app。如下图所示：

二.官方小例子

 
         public class SlidingExample extends Activity {
        
         @Override 
        
         public void onCreate(Bundle savedInstanceState) { 
        
         super.onCreate(savedInstanceState); 
        
         setTitle(R.string.attach); 
        
         // set the content view 
        
         setContentView(R.layout.content); 
        
         // configure the SlidingMenu 
        
         SlidingMenu menu = new SlidingMenu(this); 
        
         menu.setMode(SlidingMenu.LEFT); 
        
         menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); 
        
         menu.setShadowWidthRes(R.dimen.shadow_width); 
        
         menu.setShadowDrawable(R.drawable.shadow); 
        
         menu.setBehindOffsetRes(R.dimen.slidingmenu_offset); 
        
         menu.setFadeDegree(0.35f); 
        
         menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT); 
        
         menu.setMenu(R.layout.menu); 
        
         } 
        
         }

自然你也可以用xml定义一个slidingMenu

 
         <
         com.jeremyfeinstein.slidingmenu.lib.SlidingMenu 
        
         xmlns:sliding="http://schemas.android.com/apk/res-auto" 
        
         android:id="@+id/slidingmenulayout" 
        
         android:layout_width="fill_parent" 
        
         android:layout_height="fill_parent" 
        
         sliding:viewAbove="@layout/YOUR_ABOVE_VIEW" 
        
         sliding:viewBehind="@layout/YOUR_BEHIND_BEHIND" 
        
         sliding:touchModeAbove="margin|fullscreen" 
        
         sliding:behindOffset="@dimen/YOUR_OFFSET" 
        
         sliding:behindWidth="@dimen/YOUR_WIDTH" 
        
         sliding:behindScrollScale="@dimen/YOUR_SCALE" 
        
         sliding:shadowDrawable="@drawable/YOUR_SHADOW" 
        
         sliding:shadowWidth="@dimen/YOUR_SHADOW_WIDTH" 
        
         sliding:fadeEnabled="true|false" 
        
         sliding:fadeDegree="float" 
        
         sliding:selectorEnabled="true|false" 
        
         sliding:selectorDrawable="@drawable/YOUR_SELECTOR"/>

官方文档翻译如下：

viewAbove - 在菜单之上的布局引用
viewBehind - 在菜单之下的布局引用
touchModeAbove - 指那一部分屏幕触摸后视图显示
behindOffset - 菜单显示时，主体显示多少（单位像素）
behindWidth - 菜单显示，主体显示的宽。默认全屏
behindScrollScale - 菜单显示的滚动设置
shadowDrawable - 滚动阴影设置
shadowWidth - 滚动阴影的宽度
fadeEnabled - 滑动时菜单的是否渐变
fadeDegree - 滑动时的渐变程度

三.实现滑动菜单

主要结构：MainAct为主入口，然后各个fragment实现各自内容动作。

MainAct.java

 
         public class MainAct extends FragmentActivity {
        
         private SlidingMenu menu; 
        
         @Override 
        
         public void onCreate(Bundle savedInstanceState) { 
        
         super.onCreate(savedInstanceState); 
        
         setContentView(R.layout.slidingmenu_main); 
        
         menu = new SlidingMenu(this); 
        
         menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); 
        
         menu.setShadowWidthRes(R.dimen.slidingmenu_shadow_width); 
        
         menu.setShadowDrawable(R.drawable.slidingmenu_shadow); 
        
         menu.setBehindOffsetRes(R.dimen.slidingmenu_offset); 
        
         DisplayMetrics dm = new DisplayMetrics(); 
        
         getWindowManager().getDefaultDisplay().getMetrics(dm); 
        
         menu.setFadeDegree(0.35f); 
        
         menu.setBehindOffset(dm.widthPixels*50/100); 
        
         menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT); 
        
         menu.setMode(SlidingMenu.LEFT_RIGHT);//这里模式设置为左右都有菜单，RIGHT显示右菜单，LEFT显示左菜单，LEFT_RIGH显示左右菜单 
        
         menu.setContent(R.layout.slidingmenu_content); 
        
         menu.setMenu(R.layout.slidingmenu_menu); 
        
         menu.setSecondaryMenu(R.layout.slidingmenu_menu_2); 
        
         menu.setSecondaryShadowDrawable(R.drawable.slidingmenu_shadow_2); 
        
         getSupportFragmentManager() 
        
         .beginTransaction() 
        
         .replace(R.id.slidingmenu_content, new MainFragment(menu)) 
        
         .commit();//设置主页面内容 
        
         getSupportFragmentManager() 
        
         .beginTransaction() 
        
         .replace(R.id.slidingmenu_menu, new MainLeftFragment()) 
        
         .commit();//设置左菜单内容 
        
         getSupportFragmentManager() 
        
         .beginTransaction() 
        
         .replace(R.id.slidingmenu_menu_2, new MainRightFragment(menu)) 
        
         .commit();//设置右菜单内容 
        
         } 
        
         }