本文分享了一位设计师对微信主页面的构想，采用ViewPager2控件结合Fragment实现多页面滑动效果，顶部Toolbar和底部BottomNavigationView为共用组件。第一个Fragment内嵌子ViewPager2，用于切换不同内容，并在特定情况下禁用主ViewPager2的滑动。页面滑动的视觉效果通过PageTransformer来打造，同时提及可能尝试使用抽屉布局。讨论了页面布局和交互的实现细节。
注：本文只代表个人想法，欢迎各位提出自己的不同看法
（周末花时间做了一张 “微信主页面” 的设计稿）
如果将整个主页面展开的话，应该会是这样的效果（如上图所示）
上图红色的方框内应该是一个主 ViewPager2 控件，包含了四个 Fragment
顶部的 Toolbar 和底部的 BottomNavigationView 可以是共用的
第一个 Fragemt 应该还是一个子 ViewPager2 ，包含两个独立的 Fragment
当然，这个子 ViewPager2 需要判断是否切换到顶部的小程序页面
如果在顶部，主 ViewPager2 设置 setUserInputEnabled(false) 禁止左右滑动
页面的滑动沉降效果主要可以由 PageTransformer 提供
这一部分是否也为ViewPager，暂时还没定论
或者是一个抽屉布局？回头试一试，看看实现效果如何
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
