外贸哪家做网站,wordpress excel搜索,丹阳房产网,做网站路由器映射外网概述 在很app上都见过 可折叠的顶部导航栏效果。google support v7 提供了 CollapsingToolbarLayout 可以实现这个效果。效果图如下#xff1a; 实现步骤 1. 写一个 CollapsingToolbarLayout#xff0c;它有两个 子视图#xff0c;一个就是上图显示的图片#xff08;降落伞…概述 在很app上都见过 可折叠的顶部导航栏效果。google support v7 提供了 CollapsingToolbarLayout 可以实现这个效果。效果图如下 实现步骤 1. 写一个 CollapsingToolbarLayout它有两个 子视图一个就是上图显示的图片降落伞哪个的Imageview另一个就是 顶部导航栏toobar 2. 为 CollapsingToolbarLayout 指定属性 app:layout_scrollFlagsscroll|exitUntilCollapsed 3. 为ImageView 指定属性声明 它是可以折叠的 app:layout_collapseModeparallax 4. 为 toobar指定属性声明它是固定的 app:layout_collapseModepin 5. 为 CollapsingToolbarLayout 所在的父布局view)指定属性以声明它适配当前窗体 android:fitsSystemWindowstrue 代码 布局xml如下 ?xml version1.0 encodingutf-8?
android.support.design.widget.CoordinatorLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:fitsSystemWindowstruetools:contextzhangyf.vir56k.app2.MainActivityandroid.support.design.widget.AppBarLayoutandroid:layout_widthmatch_parentandroid:layout_height400dpandroid:fitsSystemWindowstrueandroid:themestyle/AppTheme.AppBarOverlayandroid.support.design.widget.CollapsingToolbarLayoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentapp:contentScrimcolor/colorPrimaryapp:expandedTitleMarginStart100dpapp:layout_scrollFlagsscroll|exitUntilCollapsedImageViewandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:scaleTypecenterCropandroid:srcdrawable/img1app:layout_collapseModeparallax /android.support.v7.widget.Toolbarandroid:idid/toolbarandroid:layout_widthmatch_parentandroid:layout_height?attr/actionBarSizeapp:layout_collapseModepinapp:popupThemestyle/AppTheme.PopupOverlay //android.support.design.widget.CollapsingToolbarLayout/android.support.design.widget.AppBarLayoutinclude layoutlayout/content_main //android.support.design.widget.CoordinatorLayout activity代码里没有什么特别 ?xml version1.0 encodingutf-8?
android.support.design.widget.CoordinatorLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:fitsSystemWindowstruetools:contextzhangyf.vir56k.app2.MainActivityandroid.support.design.widget.AppBarLayoutandroid:layout_widthmatch_parentandroid:layout_height400dpandroid:fitsSystemWindowstrueandroid:themestyle/AppTheme.AppBarOverlayandroid.support.design.widget.CollapsingToolbarLayoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentapp:contentScrimcolor/colorPrimaryapp:expandedTitleMarginStart100dpapp:layout_scrollFlagsscroll|exitUntilCollapsedImageViewandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:scaleTypecenterCropandroid:srcdrawable/img1app:layout_collapseModeparallax /android.support.v7.widget.Toolbarandroid:idid/toolbarandroid:layout_widthmatch_parentandroid:layout_height?attr/actionBarSizeapp:layout_collapseModepinapp:popupThemestyle/AppTheme.PopupOverlay //android.support.design.widget.CollapsingToolbarLayout/android.support.design.widget.AppBarLayoutinclude layoutlayout/content_main //android.support.design.widget.CoordinatorLayout github演示代码下载 https://github.com/vir56k/demo/tree/master/CollapsingtoolbarlayoutDemo