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！ // ┃ ┗━━━┓ // ┃ ┣┓ // ┃ ┏┛ // ┗┓┓┏━┳┓┏┛ // ┃┫┫ ┃┫┫ // ┗┻┛ ┗┻┛
每日比昨天要多前进一点点