Android利用FlexboxLayout轻松实现流动布局

前言

相信大家应该都有所体会，在以前我们要实现流动性布局，比较繁琐，Google开源了一个项目叫FlexboxLayout，相信大家都不陌生。下面我们来学习一下FlexboxLayout基础知识，并通过一个案例来加深理解。如果你对FlexboxLayout很熟悉，请忽略本文。

一、什么是 Flexbox

简单来说 Flexbox 是属于web前端领域CSS的一种布局方案，是2009年W3C提出了一种新的布局方案，可以响应式地实现各种页面布局，并且 React Native 也是使用的 Flex 布局。

我们可以简单的理解为 Flexbox 是CSS领域类似 Linearlayout 的一种布局，但比 Linearlayout 要强大的多。

二、 什么是 FlexboxLayout？

我们在 Android 开发中使用 Linearlayout + RelativeLayout 基本可以实现大部分复杂的布局，但是Google就想了，有没有类似 Flexbox 的一个布局呢？这使用起来一个布局就可以搞定各种复杂的情况了，于是 FlexboxLayout 就应运而生了。

所以 FlexboxLayout 是针对 Android 平台的，实现类似 Flexbox 布局方案的一个开源项目

我们先看看官方Demo的效果图

开源地址：https://GitHub.com/google/flexbox-layout

本地下载：点击这里

三、使用方式

使用方式很简单，只需要添加以下依赖：

compile 'com.google.android:flexbox:0.2.2'