一個超酷的蜂窩loading

好一段時間沒寫自己的簡書了,最近也是才上班的,中間一直在休病假中。為了紀念自己又重回到簡書,不知不覺中做了一個很好玩的loading,先來上張圖看看效果:


simple.gif

在這里我分了三類的loading,第一類是第一種情況了,只是改變每一個item的顏色;第二類是第二種情況了,其實這種情況是最簡單的,只是旋轉外層的父布局而已,所以你看到的是每一個item都在旋轉;第三類是第三種情況了,其實是把前面兩種情況結合起來而已。

思路:

這里的view結構就是先整體,然后再到每一個item,外面是一個FrameLayout,里面就添加自定義的這種六邊形的view,我在這里叫做BeeView

這里畫了個操作,指明了這幾個item的排版:

草圖.png

標明的數字就是每一個BeeView了,指明的數字就是放的item的順序。

改變顏色就是不斷地改變顏色數組而已,這里數組的長度是7,每次把數組前面的顏色值往后挪一位,最后一位往首位移動。這樣就達到顏色值不斷地更新。旋轉就不用說了吧,這里是圍繞外層的FrameLayout旋轉中心來旋轉的。最后一種情況就是前面兩種的結合體而已,這里就沒什么好說的了。

代碼部分:

<pre><code>```
<declare-styleable name="BeeLoadingView">

<attr name="animate" format="enum">
<enum name="colorFul" value="1" />
<enum name="rotate" value="2" />
<enum name="colorArotate" value="3" />
</attr>

<attr name="load_size" format="float" />
</declare-styleable>


###更新:
后面還會通過傳入圖片的形式來生成view(http://www.lxweimin.com/p/95f769f2bb55) , 這里還沒有更好的思路怎么通過圖片來生成view,如果你有更好的建議,可以共同討論。

###關于我:
**email:**a1002326270@163.com
**github:**[enter](https://github.com/1002326270xc/BeeLoadingView)
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容