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


(一) 效果图



Android slidingmenu详解 优化侧滑_第1张图片

左滑 和 右滑 滑动出 类似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)
Android slidingmenu详解 优化侧滑_第2张图片


图2: Android slidingmenu详解 优化侧滑_第3张图片


(四) 设置详解


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!//  ┃   ┗━━━┓//  ┃       ┣┓//  ┃       ┏┛//  ┗┓┓┏━┳┓┏┛//    ┃┫┫ ┃┫┫//    ┗┻┛ ┗┻┛



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

更多相关文章

  1. 界面布局
  2. 【Android 应用开发】GitHub 优秀的 Android 开源项目
  3. Android中的布局管理
  4. 相对布局控制控件居右显示
  5. android布局实例代码
  6. Android listView 一种常用布局
  7. Android 仿 WP7 布局
  8. android相对布局实例—登录界面

随机推荐

  1. Android自动提示文本框(AutoCompleteText
  2. Android 设置 横屏 竖屏
  3. Android官方dip值到pix值转换:dip2pix,dip2
  4. MAN
  5. [6410][android]给android cupcake移植FB
  6. 【Demo 0005】Android 资源
  7. 自己实现android的日志框架
  8. Android(安卓)常用控件接口监听
  9. Android Studio ADB响应失败解决方法
  10. Android之多线程断点下载