Android实现仿qq侧边栏效果

 最近从github上看到一个关于侧边栏的项目,模仿的是qq侧边栏。

  Github地址是https://github.com/SpecialCyCi/AndroidResideMenu ,这个项目是一个android studio项目,可以导入android studio中,也可以导入到Eclipse中。

  其中的ResideMenu就是写好的第三方控件,可以拿过来直接用。我们主要来看一下它是如何来运用的

  
  
[java] view plain copy
  1. public class MenuActivity extends FragmentActivity implements View.OnClickListener{  
  2.   
  3.     private ResideMenu resideMenu;  
  4.     private MenuActivity mContext;  
  5.     private ResideMenuItem itemHome;  
  6.     private ResideMenuItem itemProfile;  
  7.     private ResideMenuItem itemCalendar;  
  8.     private ResideMenuItem itemSettings;  
  9.   
  10.     /** 
  11.      * Called when the activity is first created. 
  12.      */  
  13.     @Override  
  14.     public void onCreate(Bundle savedInstanceState) {  
  15.         super.onCreate(savedInstanceState);  
  16.         setContentView(R.layout.main);  
  17.         mContext = this;  
  18.         setUpMenu();  
  19.         if( savedInstanceState == null )  
  20.             changeFragment(new HomeFragment());  
  21.     }  
  22.   
  23.     private void setUpMenu() {  
  24.   
  25.         // attach to current activity;  
  26.         resideMenu = new ResideMenu(this);  
  27.         resideMenu.setBackground(R.drawable.menu_background);  
  28.         resideMenu.attachToActivity(this);  
  29.         resideMenu.setMenuListener(menuListener);  
  30.         //valid scale factor is between 0.0f and 1.0f. leftmenu'width is 150dip.   
  31.         resideMenu.setScaleValue(0.6f);  
  32.   
  33.         // create menu items;  
  34.         itemHome     = new ResideMenuItem(this, R.drawable.icon_home,     "Home");  
  35.         itemProfile  = new ResideMenuItem(this, R.drawable.icon_profile,  "Profile");  
  36.         itemCalendar = new ResideMenuItem(this, R.drawable.icon_calendar, "Calendar");  
  37.         itemSettings = new ResideMenuItem(this, R.drawable.icon_settings, "Settings");  
  38.   
  39.         itemHome.setOnClickListener(this);  
  40.         itemProfile.setOnClickListener(this);  
  41.         itemCalendar.setOnClickListener(this);  
  42.         itemSettings.setOnClickListener(this);  
  43.   
  44.         resideMenu.addMenuItem(itemHome, ResideMenu.DIRECTION_LEFT);  
  45.         resideMenu.addMenuItem(itemProfile, ResideMenu.DIRECTION_LEFT);  
  46.         resideMenu.addMenuItem(itemCalendar, ResideMenu.DIRECTION_RIGHT);  
  47.         resideMenu.addMenuItem(itemSettings, ResideMenu.DIRECTION_RIGHT);  
  48.   
  49.         // You can disable a direction by setting ->  
  50.         // resideMenu.setSwipeDirectionDisable(ResideMenu.DIRECTION_RIGHT);  
  51.   
  52.         findViewById(R.id.title_bar_left_menu).setOnClickListener(new View.OnClickListener() {  
  53.             @Override  
  54.             public void onClick(View view) {  
  55.                 resideMenu.openMenu(ResideMenu.DIRECTION_LEFT);  
  56.             }  
  57.         });  
  58.         findViewById(R.id.title_bar_right_menu).setOnClickListener(new View.OnClickListener() {  
  59.             @Override  
  60.             public void onClick(View view) {  
  61.                 resideMenu.openMenu(ResideMenu.DIRECTION_RIGHT);  
  62.             }  
  63.         });  
  64. }  

  其中的ResideMenuItem是我们侧边栏中的选项,这里建立了四个选项,同时这个控件还具有左右侧边栏的效果,能够左右滑动。当然我们也可以设置选项在右侧边栏出现。在调用resideMenu.addMenuItem来设置在哪个侧边栏显示。

  每一个选项则可以用来显示不同的Fragment。这个开源项目还是很不错的,是一个比较流行的侧边栏样式。

 

  如果大家有什么问题,也欢迎大家和我交流。想要进一步了解的同学,可以点击查看源代码,亲自运行体验!

 

作者: 杰瑞教育
出处: http://blog.csdn.net/jerehedu/ 
本文版权归烟台杰瑞教育科技有限公司和CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值