CoordinatorLayout+AppBarLayout+C

2020-10-27  本文已影响0人  邻家猪

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>

上一篇下一篇

猜你喜欢

热点阅读