ANDROID CollapsingToolbarLayout
来源:互联网 发布:腾讯云服务器开放端口 编辑:程序博客网 时间:2024/05/23 11:49
转载自http://blog.csdn.net/huachao1001/article/details/51558835
CollapsingToolbarLayout是用来对Toolbar进行再次包装的ViewGroup,主要是用于实现折叠(其实就是看起来像伸缩~)的App Bar效果。它需要放在AppBarLayout布局里面,并且作为AppBarLayout的直接子View。CollapsingToolbarLayout主要包括几个功能(参照了官方网站上内容,略加自己的理解进行解释):
(1) 折叠Title(Collapsing title):当布局内容全部显示出来时,title是最大的,但是随着View逐步移出屏幕顶部,title变得越来越小。你可以通过调用setTitle函数来设置title。 (2)内容纱布(Content scrim):根据滚动的位置是否到达一个阀值,来决定是否对View“盖上纱布”。可以通过setContentScrim(Drawable)来设置纱布的图片. (3)状态栏纱布(Status bar scrim):根据滚动位置是否到达一个阀值决定是否对状态栏“盖上纱布”,你可以通过setStatusBarScrim(Drawable)来设置纱布图片,但是只能在LOLLIPOP设备上面有作用。 (4)视差滚动子View(Parallax scrolling children):子View可以选择在当前的布局当时是否以“视差”的方式来跟随滚动。(PS:其实就是让这个View的滚动的速度比其他正常滚动的View速度稍微慢一点)。将布局参数app:layout_collapseMode设为parallax (5)将子View位置固定(Pinned position children):子View可以选择是否在全局空间上固定位置,这对于Toolbar来说非常有用,因为当布局在移动时,可以将Toolbar固定位置而不受移动的影响。 将app:layout_collapseMode设为pin。
了解这些概念后,我们来看看布局吧~
<?xml version="1.0" encoding="utf-8"?><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.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/main.backdrop" android:layout_width="wrap_content" android:layout_height="300dp" android:scaleType="centerCrop" android:src="@drawable/material_img" app:layout_collapseMode="parallax" /> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?android:attr/actionBarSize" app:layout_collapseMode="pin" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingTop="50dp" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/my_txt" android:textSize="20sp" /> </android.support.v4.widget.NestedScrollView></android.support.design.widget.CoordinatorLayout>
如果你希望拖动过程中状态栏是透明的,可以在CollapsingToolbarLayout中加 app:statusBarScrim=”@android:color/transparent”,并且在onCreate中调用getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)将状态栏设置为透明就好啦~
0 0
- ANDROID CollapsingToolbarLayout
- Android Material CollapsingToolbarLayout
- android基础--CollapsingToolbarLayout使用
- Android 折叠toolbar CollapsingToolbarLayout
- android UI AppBarLayout CollapsingToolbarLayout
- Android CollapsingToolbarLayout使用介绍
- Android CollapsingToolbarLayout使用介绍
- android AppBarLayout,CollapsingToolbarLayout
- 【Android】CollapsingToolbarLayout 实践
- CollapsingToolbarLayout
- CollapsingToolbarLayout
- CollapsingToolbarLayout
- CollapsingToolbarLayout
- CollapsingToolbarLayout
- CollapsingToolbarLayout
- Android MD: CoordinatorLayout AppBarLayout CollapsingToolbarLayout
- android 控件 折叠toolbar-CollapsingToolbarLayout
- android之CollapsingToolbarLayout的使用
- 实时计算开发-Storm从入门到精通
- Linux下安装Git
- 记录程序运行的时间
- Kafka到Hdfs的数据Pipeline整理
- 一个老电工的困惑 企业领导不重视维修电工技术培养
- ANDROID CollapsingToolbarLayout
- hadoop之Kmeans数据挖掘算法实现
- JMeter错误:Response message: Non HTTP response message: Host of origin may not be blank
- 九度OJ-1007:奥运排序问题
- android 中actionbar ,menu,Listview 风格自定义札记
- Iterative Method / Recursive Method
- 按power key灭屏时,背光有一个慢慢变暗的过程,如果希望马上灭屏,应该如何修改?
- Chrome 标签跳转
- runtime运行时的用法(一)