- 浏览: 181047 次
- 性别:
- 来自: 浙江
文章分类
最新评论
最近了解了下CollapsingToolbarLayout的使用。
xml代码如下:
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="256dp"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:contentScrim="#30469b"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@mipmap/ic_launcher"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.7" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="none" />
</LinearLayout>
</android.support.design.widget.CoordinatorLayout>
属性layout_scrollFlags:想滑动 必须添加scroll值。
属性expandedTitleMarginStart:左侧边距。
属性contentScrim:折叠后的背景颜色。
属性layout_collapseMode:折叠模式 pin为折叠后toolbar保留。parallax为折叠后色差消失。
属性layout_collapseParallaxMultiplier:色差系数。
属性layout_behavior:相应CollapsingToolbarLayout的layout_scrollFlags事件。
xml代码如下:
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="256dp"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:contentScrim="#30469b"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@mipmap/ic_launcher"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.7" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="none" />
</LinearLayout>
</android.support.design.widget.CoordinatorLayout>
属性layout_scrollFlags:想滑动 必须添加scroll值。
属性expandedTitleMarginStart:左侧边距。
属性contentScrim:折叠后的背景颜色。
属性layout_collapseMode:折叠模式 pin为折叠后toolbar保留。parallax为折叠后色差消失。
属性layout_collapseParallaxMultiplier:色差系数。
属性layout_behavior:相应CollapsingToolbarLayout的layout_scrollFlags事件。
发表评论
-
关于Android的webSocket的简单使用
2017-05-12 14:34 920使用第三方jar: autobahn-0.5.0.jar 连 ... -
Comparator自定义排序的使用
2017-05-11 14:18 710java对于集合的自定义排序方法有: Arrays.sort ... -
查看Android虚拟机文件相关命令
2017-05-02 14:12 516我们在虚拟机下添加文件后,想查看下文件是否正确创建,可在win ... -
android6.0创建文件问题
2017-05-02 12:58 539Android在6.0有了动态权限管理,在文件创建时就需要动态 ... -
xutils的http模块的简单使用
2017-04-28 16:05 478先导入xutils相关依赖: compile 'org.xut ... -
Litepal的简单使用
2017-04-27 17:21 593相关包下载地址:https://github.com/Lite ... -
Android下拉刷新上拉加载控件的使用
2017-04-21 10:46 791参考链接:http://www.jianshu.com/p/6 ... -
图片加载框架
2017-04-19 16:29 361图片加载框架: picasso ImageLoader -
Android的Service总结
2017-04-17 15:46 413参考链接:http://www.cnblogs.com/lwb ... -
解决ViewPager的addOnPageChangeListener不加载第一个的问题
2017-03-18 17:53 2580今天在使用ViewPager的时候发现个问题。 需求如下: ... -
clone方法的使用
2017-01-04 10:14 513由于Java有引用这一说,当两个变量指向同一块内存时,改变 ... -
Fragment无法切换问题
2016-12-16 14:57 2069Android有一个回收机制,当内存不足时,会自动回收相关内存 ... -
MVP模式的学习
2016-12-10 15:15 612以前我写代码都是使用MVC模式,这种模式使Activity变得 ... -
Material Design:Android Design Support Library 介绍
2016-12-10 14:14 420参考链接 : https://blog.leancloud.c ... -
SpannableString简介
2016-12-10 14:03 382参考链接: http://www.cnblogs.com/ji ... -
getResources().getDrawable方法的废弃
2016-12-10 13:20 1157参考链接:http://www.jianshu.com/p/e ... -
关于AndroidStudio的Unsupported major.minor version 52.0异常
2016-12-10 13:15 2332参考链接:http://blog.csdn.net/fakin ... -
Android记录
2015-06-01 10:54 602http://tools.android-studio.org ... -
android自定义控件相关使用
2015-04-24 16:53 569用代码简单介绍下自定义控件的使用: 先看主activity: ... -
android使用html标签
2015-03-13 20:42 638有些时候我们需要在一个textview上,对部分字体进行特殊效 ...
相关推荐
Material Design控件的使用,集合了最新的一些官方控件,实现一些功能。
Material Design中部分控件相关使用(RecycleView TabLayout等)
原质化设计(Material Design)中文版 完整版 Google I/O 2014 发布的 Material Design 势必将会成为统一 Android Mobile、Android Table、Desktop Chrome 等全平台设计语言规范,对从业人员意义重大
material design libaray 符合google material design 的开源控件库demo,几乎涵盖了现有的所有控件,androidstudio 工程
android material design实现demo,项目源码下载即用,多个demo,赶快下载学习吧。低版本实现material design风格
最全面的 Material Design 学习资料 >本人目前正在找工作,想了解我的详细情况请移步到我的 网页版...Material Design 使用教程 Material Design 官网 Material Design 中文版(极客学院) Material Design 最新中文版 A
Material Design是一个很好用的WPF样式库和控件集,对于稍微有点WPF基础的开发者非常友好。简单好用是我的第一感:直接使用NuGet就可以获取到资源包,通过其官方的DemoApp(MaterialDesignDemo)很容易使用控件和样式...
WPF =>MaterialDesign工具
jquery-accordion-menu-multilevel是一款非常酷的Material Design风格多级下拉列表菜单jQuery插件。该下拉列表在菜单项点击时采用漂亮的点击波特效,并提供了三种预设的颜色主题样式。
傻瓜式学习MaterialDesign- 的使用没有之一 学习了半天的 所以...嘿嘿 !点赞!
一个关于Materialdesign的应用。
google 官方关于新的设计Material Design的说明描述.
materialdesign动画示例
android material design 设计风格,包括多个自定义控件
效果可以查看 http://blog.csdn.net/qq_18983205/article/details/78629050,使用了Toolbar、DrawerLayout、NavigationView、TabLayout、ViewPager、ActionBarDrawerToggle、Palette 等
Material Design 动画原则
Material Design风格登录界面(采用 MVP + Data-Binding + Material Design )。
最近,Material Design 中新增了关于暗色主题的设计规范。暗色主题(Dark theme)是指在 UI 界面中使用大面积的深色来构成界面的一种设计,它是产品默认主题的一种补充。很多朋友可能认为暗色主题就是现在新闻...
Material Design 简体中文版-完整版 pdf Android UI