Android slidingmenu详解优化侧滑

浏览数：47 / 时间：2015年06月11日

Android slidingmenu 详解性能优化

转载请注明: http://blog.csdn.net/aaawqqq

简介

SlidingMenu 是github 上Android开源项目能用于快速集成 Android 侧滑菜单效果

Slidingmenu 里面可以包含多种组件 fragment viewpager listview 等

下载地址:

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

actionbarsherlock : https://github.com/JakeWharton/ActionBarSherlock

(一) 效果图

左滑和右滑滑动出类似menu的view

(二) 导入项目

将actionbarsherlock 和 slidingmenu 导入项目里

工程名为:

ExampleListActivity

actionbarsherlock

library

项目的结构层次

ExampleListActvity

|----------Library

|-------------actionbarsherlock

(三) 导包项目与排错

(1)导入项目后打开 ExampleListActivity 的 properties 选择 Android 这一项

之后可以看见缺少 /ABS 这个库不用在意删掉就好了如下图 (图:1)

(2)打开library 的 properties 选择 Android 这一项

之后在library一项添加actionbar (如图2)

(3)完成上述步骤之后会报一个错误表示2个不同版本的 android-support-v4.jar 冲突了

解决办法: 删除library中的 android-support-v4.jar 或者使用相同的 android-support-v4.jar

错误如下:

	  Found 2 versions of android-support-v4.jar in the dependency list,
	  but not all the versions are identical (check is based on SHA-1 only at this time).
	  All versions of the libraries must be the same at this time.
	  Versions found are:
	  Path: /Users/baozi/Documents/Dev/HuihuaWorkspace/actionbarsherlock/libs/android-support-v4.jar
	  	Length: 271754
	  	SHA-1: 53307dc2bd2b69fd5533458ee11885f55807de4b
	  Path: /Users/baozi/Documents/Dev/HuihuaWorkspace/library/libs/android-support-v4.jar
	  	Length: 758727
	  	SHA-1: efec67655f6db90757faa37201efcee2a9ec3507
	  Jar mismatch! Fix your dependencies

(4)完成上述步骤之后 library 当中还存在错误:

找不到 getSupportActionBar().setDisplayHomeAsUpEnabled(true);

解决办法:

找到Library中的src下找到SlidingFragmentActivity.java，修改父类

将:

public class SlidingFragmentActivity extends FragmentActivity

修改为:

public class SlidingFragmentActivity extends SherlockFragmentActivity

项目的结构层次

ExampleListActvity

|----------Library

|----------------actionbarsherlock

clean顺序 actionbarsherlock 、 library、 ExampleListActivity

逐个clean 项目就能运行了

(图:1)

图2:

(四) 设置详解

Simple Example :

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);
    }

}

Slidingmenu 提供属性修改

1 初始化Slidingmenu：

SlidingMenu menu = getSlidingMenu();

2 setMode //设置滑动模式

设置是左滑还是右滑，还是左右都可以滑

menu.setMode(SlidingMenu.LEFT);//设置左滑菜单

menu.setMode(SlidingMenu.LEFT_RIGHT);//设置左右都可滑动

menu.setMode(SlidingMenu.TOUCHMODE_NONE);//不能手势滑动

3 设置SlidingMenu阴影

menu.setShadowWidthRes(R.dimen.shadow_width);//设置阴影图片的宽度

menu.setSecondaryShadowDrawable(R.drawable.shadowright);//设置右侧菜单阴影的图片资源

menu.setShadowDrawable(R.drawable.shadow);//设置左侧菜单阴影图片

4 设置SlidingMenu边框距离

menu.setBehindOffsetRes();//SlidingMenu滑出时距离边框的剩余宽度

menu.setBehindOffset(getWindowManager().getDefaultDisplay().getWidth() / 5);

// getWindowManager().getDefaultDisplay().getWidth() / 5 表示距离屏幕宽度 1/5

5 设置SlidingMenu渐变

menu.setFadeEnabled(true);/是否有渐变

menu.setFadeDegree(0.35f);//设置渐变比率

6 设置SlidingMenu布局

		sm = getSlidingMenu();
		setBehindContentView(R.layout.main_menu_frame);
		sm.setSecondaryMenu(R.layout.main_menu_frame_two);
		messageFragment = new MessageFragment();
		profileFragment = new ProfileFragment();
				getSupportFragmentManager().beginTransaction().replace(R.id.menu_frame, messageFragment).commit();
				getSupportFragmentManager().beginTransaction().replace(R.id.menu_frame_two, profileFragment).commit();

设置布局有3个方法 :

setContentView(R.layout.main); //设置slidingmenu中间的布局

setBehindContentView(R.layout.main_menu_frame);//设置左侧的布局

sm.setSecondaryMenu(R.layout.main_menu_frame_two);//设置右侧的布局

使用的是左右两侧我一般设置为 fragment

getSupportFragmentManager().beginTransaction().replace(R.id.menu_frame,messageFragment).commit();

表示为替换 fragment

7 设置SlidingMenu滑动的拖拽效果

slidingMenu.setBehindScrollScale(0);

8 设置SlidingMenu判断打开状态并自动关闭或开启

menu.toggle();

如果SlidingMenu 它是open的，它会被关闭，反之亦然。

9 设置SlidingMenu触碰屏幕的范围

menu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN);

menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);

设置菜单滑动，触碰屏幕的范围setTouchModeAbove

10 设置SlidingMenu关闭器监听

监听主要分2种 open 和 close

open:

menu.setOnOpenedListener(onOpenListener);//监听slidingmenu打开之后调用

menu.setOnOpenListener(onOpenListener);//监听slidingmenu打开时调用

close:

两个监听器注意看了一个是 closed 一个是 close

menu.setOnClosedListener(listener);

menu.setOnCloseListener(listener);

这两个的区别就是

menu.OnCloseListener(OnClosedListener);//监听Slidingmenu关闭时事件
menu.OnClosedListener(OnClosedListener);//监听Slidingmenu关闭后事件

11 设置SlidingMenu是否淡入/淡出

menu.setFadeEnabled(true);

12 其它

menu.showMenu();//显示SlidingMenu
menu.showContent();//显示内容

menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);//使SlidingMenu附加在Activity上
menu.setMenu(R.layout.menu);//设置menu的布局文件

等等

(五) 性能优化

SlidingMenu性能方面在使用fragment 的时候数据加载过多或者view复杂就会很卡顿

Android 4.0 之后使用了硬件加速优化view

在Androidmanifest.xml 里面设置 targetSdkVersion 大于等于17 就能开启硬件加速提升性能

    <uses-sdk
        android:minSdkVersion="7"
        android:targetSdkVersion="17" />

硬件加速相关参考文章 : http://zuiniuwang.blog.51cto.com/3709988/721798

Slidingmenu 的Bug 解决资料:

SlidingMenu中setTouchModeBehind方法不起作用: https://github.com/jfeinstein10/SlidingMenu/issues/446

希望大家能补充一些

谢谢

神兽镇楼

//┏┓　　　┏┓
//┏┛┻━━━┛┻┓
//┃　　　　　　　┃ 　
//┃　　　━　　　┃
//┃　┳┛　┗┳　┃
//┃　　　　　　　┃
//┃　　　┻　　　┃
//┃　　　　　　　┃
//┗━┓　　　┏━┛
//  ┃　　　┃   神兽保佑　　　　　　　　
//  ┃　　　┃   代码无BUG！
//  ┃　　　┗━━━┓
//  ┃　　　　　　　┣┓
//  ┃　　　　　　　┏┛
//  ┗┓┓┏━┳┓┏┛
//    ┃┫┫　┃┫┫
//    ┗┻┛　┗┻┛

每日比昨天要多前进一点点

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

Android slidingmenu详解优化侧滑