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全面使用介绍相关推荐

视频教程-Android Material Design 新控件-Android
Android Material Design 新控件刘志远,北京邮电大学硕士研究生, 北京育华志远科技有限公司创始人, 育华志远教育品牌负责人,育华志远课程体系打造者. 率领团队为互联网行业培训千 ...
Android Material Design按钮样式设计
Today we'll dive deep into Android Buttons in Material Design and develop an application that showca ...
Android Material Design简单使用 http://www.cnblogs.com/android-blogs/p/5632103.html
Android Material Design简单使用吐槽作为一个 Android developer,没有什么比拿着 UI 设计的一堆 iOS 风格的设计来做需求更恶心的了,基本所有空间都要照 ...
Android Material Design 系列之 BottomNavigationView + ViewPager + Fragment + BadgeView 开发详解
前言 BottomNavigationView 是 Material Design 提供的一个标准底部导航栏的实现,可以轻松的实现导航栏菜单之间的切换与浏览.底部导航使用户更方便的查看和切换最高层级的 ...
Android Material Design Library系列教程（四）
尊重劳动成果,转载请注明出处:http://blog.csdn.net/growth58/article/details/48754869 关注新浪微博:@于卫国邮箱:yuweiguocn@gmai ...
Android Material Design Icon Genenerator 插件为个人开发者提供 Icon 图标大全
前言如果你作为个人开发者,没有美工小姐姐的情况下,项目中的图标 icon 很是苦恼.之前用过阿里巴巴图标库 Iconfont,后来发现 Android studio 中有一个很牛逼的 icon 插件 ...
android material design之CollapsingToolbarLayout（五）
我的项目源码托管地址:点击打开我的项目源码地址来先看一下效果吧(虚拟机录制卡卡的,而且上传图片大小限制) 如果平时用app仔细的话可以不难发现一些介绍页面是顶部图片下边文字,或者顶部大图下面小图列表 ...
Android Material Design按钮样式
本文翻译自:Android Material Design Button Styles I'm confused on button styles for material design. 我对材质设 ...
Android Material Design ：LinearLayoutCompat添加分割线divider
Android Material Design :LinearLayoutCompat添加分割线divider Android Material Design 扩展支持包中的LinearLayo ...
Android Material Design TabLayout属性app:tabMode和app: tabGravity
Android Material Design TabLayout属性app:tabMode和app: tabGravity Android Material Design 中的TabLayout有两 ...

Android Material Design之CoordinatorLayout全面使用介绍

先看效果：

项目DEMO涉及到的相关知识点罗列：

相关控件介绍：

CoordinatorLayout：

Android Material Design之CoordinatorLayout全面使用介绍相关推荐

最新文章

热门文章