CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout基本运法

CoordinatorLayout:可以作为最外层布局

AppBarLayout,一般把需要随着滑动而滑动出屏幕的组件,但是这些组件要放在CollapsingToolbarLayout里层级关系类似这样

页面主体不是fullScreen的话不需要加 <android.support.v7.widget.Toolbar/>

<CoordinatorLayout>

        <AppBarLayout>    //继承至LinearLayout

            <CollapsingToolbarLayout>    //继承至FrameLayout,子view需添加加上app:layout_scrollFlags属性

                        <View/>

                        <View/>

                        <View/>  //如果想让这个view置顶布局 加个app:layout_collapseMode="pin"属性

            </CollapsingToolbarLayout>

        </AppBarLayout>

        <ViewPager/>或类似<RecycleView/>

</CoordinatorLayout>

页面主体如果是fullScreen的话需要加 <android.support.v7.widget.Toolbar/>并且要适配他的高度和状态栏高度一样,如果不加toolbar,想停在顶部的那个view会有一部分飞出顶部

<CoordinatorLayout>

    <AppBarLayout> //继承至LinearLayout

        <CollapsingToolbarLayout>   //继承至FrameLayout

                   <ViewGroup>

                        <View/>

                        <View/>

                        <android.support.v7.widget.Toolbar/>    

                   </ViewGroup>

                        <View/>  //如果想让这个view置顶布局 加个app:layout_collapseMode="pin"属性

        </CollapsingToolbarLayout>

    </AppBarLayout>

<ViewPager/>或类似<RecycleView/>

</CoordinatorLayout>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。