Android 5.0 CoordinatorLayout深度解析：实现Material Design滚动效果
196 浏览量
更新于2024-09-02
收藏 158KB PDF 举报
"Android 5.0中的CoordinatorLayout是Material Design设计语言的重要组成部分，它为开发者提供了一种实现滚动效果和交互逻辑的高效工具。本文主要介绍如何在Android 5.0应用中巧妙地运用CoordinatorLayout，实现以下关键功能：
1. **浮动操作按钮与Snackbar的协同**:
CoordinatorLayout允许与FloatingActionButton结合使用`layout_anchor`和`layout_gravity`属性，创建浮动效果。当Snackbar出现时，FloatingActionButton会自动调整位置，让出屏幕空间给Snackbar，同时执行上滑动画以确保两者不会重叠。这种设计使得界面更加直观且符合Material Design规范。
2. **动态头部和底部栏**:
CoordinatorLayout允许Toolbar或顶部栏在内容滚动时动态伸缩或收缩，这样可以为主要内容区域腾出更多空间。通过设置合适的视图行为，你可以控制哪些部分应该响应这种变化，以及它们的缩放比例，甚至实现视差滚动效果。
3. **自定义行为和动画**:
不仅限于上述内置效果，开发者还可以自定义行为（Behavior），实现更为细致的动画控制。例如，根据应用需求定制FloatingActionButton的行为，让它在特定条件下表现出更复杂的动画效果。
4. **RecyclerView的整合**:
在使用RecyclerView时，可以将其嵌套在CoordinatorLayout中，利用其提供的自动管理功能，使RecyclerView与其他视图组件的交互更加流畅。
Android 5.0中的CoordinatorLayout为开发者提供了一套强大的工具，帮助他们轻松实现Material Design的设计理念，提升用户体验。理解并熟练掌握它的使用技巧，能够让你的应用在视觉效果和交互体验上更上一层楼。对于正在开发或打算优化Android应用的开发者来说，这是一篇不可多得的参考资料。"
Android 5.0中中CoordinatorLayout的使用技巧的使用技巧
主要为大家详细介绍了Android 5.0中CoordinatorLayout的使用技巧,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
CoordinatorLayout 实现了多种Material Design中提到的滚动效果。目前这个框架提供了几种不用写动画代码就能工作的方法，这些效果包括：
*让浮动操作按钮上下滑动，为Snackbar留出空间。
*扩展或者缩小Toolbar或者头部，让主内容区域有更多的空间。
*控制哪个view应该扩展还是收缩，以及其显示大小比例，包括视差滚动效果动画。
浮动操作按钮与浮动操作按钮与Snackbar
CoordinatorLayout可以用来配合浮动操作按钮的 layout_anchor 和 layout_gravity属性创造出浮动效果。
当Snackbar在显示的时候，往往出现在屏幕的底部。为了给Snackbar留出空间，浮动操作按钮需要向上移动。
只要使用CoordinatorLayout作为基本布局，将自动产生向上移动的动画。浮动操作按钮有一个 默认的 behavior来检测Snackbar的添加并让按钮在Snackbar之上呈现上移与Snackbar等高的动画。
<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.v7.widget.RecyclerView
android:id="@+id/rvToDoList"
android:layout_width="match_parent"
android:background="#9d9d9d"
android:layout_height="match_parent"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_margin="16dp"
app:layout_anchor="@id/rvToDoList"
app:layout_anchorGravity="bottom|right|end"/>
<!--app:layout_anchor:意思是FAB浮动按钮显示在哪个布局区域。且设置当前锚点的位置
app:layout_anchorGravity:意思FAB浮动按钮在这个布局区域的具体位置。两个属性共同作用才是的FAB 浮动按钮也能折叠消失，出现。
-->
</android.support.design.widget.CoordinatorLayout>
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
findViewById(R.id.fab).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Snackbar.make(v, "test", Snackbar.LENGTH_LONG)
.setAction("Cancel", new View.OnClickListener() {
@Override
public void onClick(View v) {
//这里的单击事件代表点击消除Action后的响应事件
Toast.makeText(MainActivity.this,"asdasd",Toast.LENGTH_SHORT).show();
}
}).show();
}
});
}
Toolbar的扩展与收缩的扩展与收缩
首先需要确保你不是使用已经过时的ActionBar，使用ToolBar作为actionbar。同样，这里也需要CoordinatorLayout作为主布局容器。
我们必须使用一个容器布局： AppBarLayout 来让Toolbar响应滚动事件。响应滚动事件
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="@dimen/detail_backdrop_height"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:fitsSystemWindows="true">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.AppBarLayout>
然后，我们需要定义AppBarLayout与滚动视图之间的联系。在RecyclerView或者任意支持嵌套滚动的view比如NestedScrollView上添加app:layout_behavior。support library包含了一个特殊的字符串资源
@string/appbar_scrolling_view_behavior，它和AppBarLayout.ScrollingViewBehavior相匹配，用来通知AppBarLayout 这个特殊的view何时发生了滚动事件，这个behavior需要设置在触发事件（滚动）
的view之上。注意：根据官方的谷歌文档，AppBarLayout目前必须是第一个嵌套在CoordinatorLayout里面的子view。
<android.support.v7.widget.RecyclerView
android:id="@+id/rvToDoList"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
AppBarLayout里面定义的view只要设置了app:layout_scrollFlags属性，就可以在RecyclerView滚动事件发生的时候被触发：当CoordinatorLayout发现RecyclerView中定义了这个属性，它会搜索自己所包
含的其他view，看看是否有view与这个behavior相关联。AppBarLayout.ScrollingViewBehavior描述了RecyclerView与AppBarLayout之间的依赖关系。RecyclerView的任意滚动事件都将触发
AppBarLayout或者AppBarLayout里面view的改变。
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways"/>
</android.support.design.widget.AppBarLayout>
下载后可阅读完整内容，剩余3页未读，立即下载
2016-02-25 上传
2022-08-03 上传
点击了解资源详情
2015-11-21 上传
2019-08-13 上传
291 浏览量
2016-11-03 上传
2020-08-28 上传
2021-01-20 上传
2024-11-27 上传
weixin_38519387
- 粉丝: 3
- 资源: 931
我的内容管理
展开
