一、概述
近期群里偶然看到一哥們在群里聊不規(guī)則圖像填充什么四聯(lián)通、八聯(lián)通什么的，就本身好學(xué)務(wù)實(shí)的態(tài)度去查閱了相關(guān)資料。對于這類著色的資料，最好的就是去搜索些相關(guān)app，根據(jù)我的觀察呢，不規(guī)則圖像填充在著色游戲里面應(yīng)用居多，不過大致可以分為兩種：
基于層的的填充
基于邊界的填充
那么針對上述兩種，我們會(huì)通過兩篇博文來講解，本篇就是敘述基于層的填充方式，那么什么基于層的填充方式呢？其實(shí)就是一張圖實(shí)際上是由多個(gè)層組成的，每個(gè)層顯示部分圖像（無圖像部分為透明），多層疊加后形成一張完整的圖案，圖層間是疊加的關(guān)系，類似下圖。
相信大家如果學(xué)過PS，對上述肯定再了解不過了。比如你要繪制一個(gè)天空，你可以最底層去繪制藍(lán)天，在上層繪制白云，再上層會(huì)執(zhí)行小鳥。然后三層疊加以后就是一副小鳥在天空翱翔的圖了。
二、效果與分析
好了，接下來看下今天的效果。
ok，可以看到一個(gè)簡單的著色效果，其實(shí)原理很簡單，首先呢，該圖實(shí)際上是由7層組成：
例如下圖。
那么如果我們需要給這幅圖的某個(gè)位置著色，實(shí)際上是給某一層的非透明區(qū)域著色。實(shí)際上就轉(zhuǎn)化為：
用戶點(diǎn)擊的（x,y）-> 判斷落在哪一層的非透明區(qū)域 -> 然后給該層非透明區(qū)域著色。
ok，這樣原理就敘述清楚了，實(shí)際上也是非常的簡單，基于該原理，我們可以自定義一個(gè)View，然后一幅一幅去繪制圖層，最后按照上述步驟去編寫代碼。不過，我們還有可以偷懶的地方，其實(shí)沒必要我們自己去一個(gè)圖層一個(gè)圖層的繪制，我們可以利用Drawable去完成圖層疊加的工作，我們有一類Drawable叫做LayerDrawable，對應(yīng)的xml為layer-list，我們可以通過使用LayerDrawable極大的簡化我們的工作。
三、編碼與實(shí)現(xiàn)
上述已經(jīng)描述很清楚了，我再給大家細(xì)化一下：
1.layer-list中去定義我們的drawable；
2.然后把該drawable作為我們View的背景；
3.復(fù)寫onTouchEvent方法；
4.判斷用戶點(diǎn)擊的坐標(biāo)落在哪一層的非透明位置，改變該層非透明區(qū)域顏色。
（一）layer-list
<?xml version="1.0" encoding="utf-8"?>
重慶分公司
重慶分公司
