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

feng
從需求上可以看到主要元素是五個一樣的柱狀圖,類似于豎向的電池電量這種,決定封裝一個藍色框內(nèi)這樣的View就可以了
實現(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代碼
具體的實現(xiàn)邏輯及代碼見ZQBatteryAnimation,如果有什么疑問或者發(fā)現(xiàn)什么不足,歡迎評論指正。