底部Tab+FrameLayout嵌套CoordinatorLayout+Viewpager切换时布局错乱

最新推荐文章于 2022-06-29 17:43:04 发布

梦里梦到醒不来的梦里

最新推荐文章于 2022-06-29 17:43:04 发布

阅读量2.2k

点赞数 2

分类专栏： Android笔记移动开发后花园文章标签： Android Android开发 Android布局面试移动开发

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/ly502541243/article/details/86553270

版权

本文详细介绍了如何使用CoordinatorLayout在Android中实现顶部标题栏随滑动伸缩的效果，并且结合底部TabLayout+ViewPager进行切换。讨论了在布局中可能遇到的问题，包括Fragment的布局处理、滑动不流畅的解决方法以及fitsSystemWindows属性的影响。通过实例代码和解决方案，帮助开发者更好地理解和应用此类布局。

摘要由CSDN通过智能技术生成

顶部伸缩效果

现在要实现这么一个效果，有一个标题栏（或者其他控件），下面是tablayout+viewpager，然后在viewpager里面的内容滑动的时候tab悬浮，有点像微博热搜的界面

向下滑动之前

向下滑动之后

CoordinatorLayout实现头部布局滑动时隐藏

在5.0之后，Google推出了一系列md控件，其中用的最多的就是CoordinatorLayout，它可以实现很酷炫的粘连效果，伸缩控件，直接上代码：

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/en_title_bg"
        app:layout_behavior="包名.FlingBehavior"
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:titleEnabled="false">

            <include layout=