SlidingPaneLayout实现最新版QQ主页面效果

  最近看有很多人模仿制作最新版QQ主页面效果，这里，我也更随潮流，用Support V4的SlidingPaneLayout来实现该效果
      根据老习惯，上主要代码：
             菜单显示的时候，主页面缩放效果和菜单隐藏时的淡入和缩放效果：

1. @Override
   
2.                         public void onPanelSlide(View panel, float slideOffset) {
   
3.                                 // TODO Auto-generated method stub
   
4.                                 int contentMargin = (int) (slideOffset * maxMargin);
   
5.                                 FrameLayout.LayoutParams contentParams = contentFragment
   
6.                                                 .getCurrentViewParams();
   
7.                                 contentParams.setMargins(0, contentMargin, 0, contentMargin);
   
8.                                 contentFragment.setCurrentViewPararms(contentParams);
   
9. 
   
10.                                 float scale = 1 - ((1 - slideOffset) * maxMargin * 2)
    
11.                                                 / (float) displayMetrics.heightPixels;
    
12.                                 menuFragment.getCurrentView().setScaleX(scale);// 设置缩放的基准点
    
13.                                 menuFragment.getCurrentView().setScaleY(scale);// 设置缩放的基准点
    
14.                                 menuFragment.getCurrentView().setPivotX(0);// 设置缩放和选择的点
    
15.                                 menuFragment.getCurrentView().setPivotY(
    
16.                                                 displayMetrics.heightPixels / 2);
    
17.                                 menuFragment.getCurrentView().setAlpha(slideOffset);
    
18.                         }
    

复制代码

gif可能录制的不太好，敬请见谅

SlidingPane.zip

2014-9-18 09:47 上传

点击文件名下载附件

1.6 MB, 下载次数: 2874