非常感謝大家利用自己寶貴的時(shí)間來閱讀我的文章 ，好久沒有寫東西了，今天一朋友讓我?guī)退庋b一個(gè)控件，用在一個(gè)智能家居APP上的，有點(diǎn)類似于電池的剩余電量那種，因?yàn)闆]提供圖片，就自己畫了，簡單做了個(gè)封裝，可以用來顯示一些有容量或者進(jìn)度的東西。希望這篇文章能給你的開發(fā)過程帶來一些幫助。喜歡的可以關(guān)注一下我的簡書、我的博客 ??

demo下載地址ZQBatteryAnimation

所要實(shí)現(xiàn)效果：

feng

從需求上可以看到主要元素是五個(gè)一樣的柱狀圖，類似于豎向的電池電量這種，決定封裝一個(gè)藍(lán)色框內(nèi)這樣的View就可以了

實(shí)現(xiàn)效果：

用法

把ZQBatteryView文件夾拷入工程，引用頭文件ZQBatteryView.h

初始化方法

- (instancetype)initWithMaxNum:(NSInteger)maxNum defaultColor:(UIColor *)defaultColor highlightColor:(UIColor *)highlightColor frame:(CGRect)frame;

maxNum為綠塊數(shù)量，defaultColor和highlightColor為兩種狀態(tài)顏色，可以根據(jù)自己需要去修改ZQBatteryView代碼

具體的實(shí)現(xiàn)邏輯及代碼見ZQBatteryAnimation，如果有什么疑問或者發(fā)現(xiàn)什么不足，歡迎評(píng)論指正。