本文主要是介绍Android Material Design之CoordinatorLayout全面使用介绍,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
作为UI布局,没有什么好分析,
先看效果:
配合TabLayout+ViewPager实现的效果:
项目DEMO涉及到的相关知识点罗列:
- CoordinatorLayout 协调布局
- CollapsingToolbarLayout 可折叠式工具栏
- Snackbar 点心条简单使用
- FloatingActionButton 浮动按钮
- include标签使用
- AppBarLayout
- Toolbar
- TabLayout 标签布局+ViewPager滑动
- RecyclerView 展示列表
相关控件介绍:
CoordinatorLayout:
CoordinatorLayout是继承自ViewGroup的控件,官方介绍有以下2个特性:
- As a top-level application decor or chrome layout //作为顶层布局。
- As a container for a specific interaction with one or more child views //作为容器,协调子视图的交互;CoordinatorLayout一般通过设置子View的 Behaviors来运作。
public class CoordinatorLayout extends ViewGroup implements NestedScrollingParent{}
布局文件如下:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayoutxmlns: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:fitsSystemWindows="true"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="256dp"android:fitsSystemWindows="true"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"><android.support.design.widget.CollapsingToolbarLayoutandroid:id="@+id/collapsing_toolbar"android:layout_width="match_parent"android:layout_height="match_parent"android:fitsSystemWindows="true"app:contentScrim="?attr/colorPrimary"app:expandedTitleMarginEnd="64dp"app:expandedTitleMarginStart="48dp"app:layout_scrollFlags="scroll|exitUntilCollapsed"><ImageViewandroid:id="@+id/ivImage"android:layout_width="match_parent"android:layout_height="match_parent"android:fitsSystemWindows="true"android:transitionName="transition_book_img"android:scaleType="centerCrop"app:layout_scrollFlags="scroll|enterAlways"app:layout_collapseMode="parallax"app:layout_collapseParallaxMultiplier="0.7" /><android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"app:layout_collapseMode="pin"app:layout_scrollFlags="scroll|enterAlways"app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /></android.support
这篇关于Android Material Design之CoordinatorLayout全面使用介绍的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!