【高仿qq系列】QQ5.0 新版 侧滑菜单效果实现!

最近QQ Android最新版本5.0,在侧滑菜单中,不是像平时使用的Sildermenu,
点击侧滑动画效果感觉有点高尚大,模仿IOS风格的侧边侧滑菜单,效果相当不错,

之前在IOS平台见到过这样的效果,于是我就试着查找一下怎么实现:

     

先看下IOS平台下的实现效果:


IOS平台下该控件的开源地址:https://github.com/romaonthego/RESideMenu 





那在Android平台的呢?
经过我的一番搜索,终于在Github中发现个Android平台下的开源项目,叫ResideMenu 。

项目地址:https://github.com/SpecialCyCi/AndroidResideMenu

ResideMenu的实现原理:
点击按钮画面缩小为50%同时向右侧滑动至中间位置,也可以向右滑动,然后那几个个菜单项就会带着动画出现,动画这里用的是nineoldandroids的兼容包,在整个过程中有三个东西要理解,一是菜单view,二是内容view,还有就是承载他们的父view,在点击后调用AnimatorSet组合动画把内容view向右改变,然后在把菜单view加进来。 

代码实现:

 

1
2
3
4
5
6
7
8
9
10
11
12
// attach to current activity;
resideMenu = new ResideMenu(this);
resideMenu.setBackground(R.drawable.menu_background);
resideMenu.attachToActivity(this);
// create menu items;
String titles[] = { "Home", "Profile", "Calendar", "Settings" };
int icon[] = { R.drawable.icon_home, R.drawable.icon_profile, R.drawable.icon_calendar, R.drawable.icon_settings };
for (int i = 0; i < titles.length; i++){
ResideMenuItem item = new ResideMenuItem(this, icon[i], titles[i]);
item.setOnClickListener(this);
resideMenu.addMenuItem(item);
}

  



看我的实现效果:酷比啦!!!是不是很高大上呢


       

版权声明:本文为博主原创文章,未经博主允许不得转载。

posted @ 2015-09-29 09:59  MyLar  阅读(576)  评论(0)    收藏  举报