美文网首页
CoordinatorLayout+AppBarLayout+C

CoordinatorLayout+AppBarLayout+C

作者: 邻家猪 | 来源:发表于2020-10-27 23:11 被阅读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>

相关文章

网友评论

      本文标题:CoordinatorLayout+AppBarLayout+C

      本文链接:https://www.haomeiwen.com/subject/tkpfvktx.html