[Android实例] SlidingPaneLayout实现最新版QQ主页面效果

最新推荐文章于 2024-11-27 10:07:05 发布

原创最新推荐文章于 2024-11-27 10:07:05 发布 · 888 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #sliding #pane #侧滑

Android 效果专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何利用Android Support V4库中的SlidingPaneLayout组件，通过定制的滑动面板动画效果，实现类似于最新版QQ应用主页面的动态切换体验。详细展示了主页面在菜单显示时的缩放效果和菜单隐藏时的淡入缩放动画，以及关键代码实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

该篇文章从eoeAndroid搬迁过来的，原文地址：[Android实例] SlidingPaneLayout实现最新版QQ主页面效果

最近看有很多人模仿制作最新版QQ主页面效果，这里，我也更随潮流，用Support V4的SlidingPaneLayout来实现该效果

根据老习惯，上主要代码：

菜单显示的时候，主页面缩放效果和菜单隐藏时的淡入和缩放效果：

@Override
public void onPanelSlide(View panel, float slideOffset) {
    // TODO Auto-generated method stub
    int contentMargin = (int) (slideOffset * maxMargin);
    FrameLayout.LayoutParams contentParams = contentFragment.getCurrentViewParams();
    contentParams.setMargins(0, contentMargin, 0, contentMargin);
    contentFragment.setCurrentViewPararms(contentParams);
    float scale = 1 - ((1 - slideOffset) * maxMargin * 2) / (float) displayMetrics.heightPixels;
    menuFragment.getCurrentView().setScaleX(scale);// 设置缩放的基准点
    menuFragment.getCurrentView().setScaleY(scale);// 设置缩放的基准点
    menuFragment.getCurrentView().setPivotX(0);// 设置缩放和选择的点
    menuFragment.getCurrentView().setPivotY(displayMetrics.heightPixels / 2);
    menuFragment.getCurrentView().setAlpha(slideOffset);
}