相册拼图组件

为了满足产品的各种拼图需求，所以我们希望在尽可能小的改动下灵活调整布局以适应各种拼图方案。这里，我提供了一个通用的拼图组件给大家参考，下面是详细的介绍和实现方案。

一、先来看下拼图组件到底长什么样子。

      

上面只是给出了两种不同的拼图方案，其实这里的方案可以有无限多种，因为排列组合的方式实在太多了，随便你怎么画，都可以是一种布局。那么问题来了，设计同学每给一种拼图方案，开发同学就要写一套布局吗？那这样岂不是很麻烦？现在我告诉你，答案是，NO! 没错，现在只需要一套布局就能实现各种拼图方案。在这里，无需各位开发同学去写大量的xml布局文件，直接传入每个格子的两个点的坐标就能实现动态灵活布局。

二、实现原理：(这里我们把每一个矩形块看成是在九宫格中的一个小格子，所以问题可转换为求每个小格子在九宫格中的位置和大小)

1.在xml布局中预埋一套九宫格的布局。（这里要注意格子与格子之间的相对位置）

2.由每个格子对角线的两个点的坐标来确定一个格子，包括确定格子的位置和格子的宽高。

比如：第一个点的坐标为P1(x1, y1)，第四个点的坐标为P4(x4, y4)