一行代碼實現多風格的推送小紅點(作者:weng1250)
今天我們來實現一個在iOS中讓人又愛又恨的推送“小紅點”WZLBadge。那什麼是badge呢?當後台有數據更新需要讓用戶知道時,在按鈕或者其他控件上顯示一個“小紅點”提醒用戶。注意,這裡的“小紅點”僅僅是泛指,實際的視圖可以天馬行空,在這個版本中我們先實現以下幾種:
小紅點
紅底白字“new”
紅底白字數字
為了讓小紅點顯示後更加醒目,在這個版本中我又實現了幾種不同的狀態動畫(status animation):
心髒跳動效果(WBadgeAnimTypeScale)
呼吸燈效果(WBadgeAnimTypeBreathe)
橫向抖動(WBadgeAnimTypeShake)
靜止狀態(WBadgeAnimTypeNone, 默認)
WZLBadge還有以下優點:
支持橫豎屏支持iOS5~iOS8允許高度定制化,包括“紅點”的背景顏色,文字(字體大小、顏色),位置等
由於WZLBadge采用對UIView擴展category的方式,因此,所有的UIView及其繼承子類(UIControl等)都可以無縫使用,當前版本開放的接口主要有以下幾個:
- (void)showBadge; - (void)showBadgeWithStyle:(WBadgeStyle)style value:(NSInteger)value animationType:(WBadgeAnimType)aniType; - (void)clearBadge;
我將源代碼托管在github上,我個人希望WZLBadge能不斷優化成為iOS平台上推送紅點的終極解決方案,如果你感興趣,我非常歡迎你一起加入讓WZLBadge變得更好。有什麼問題或者建議請留言或者在github提issue。
測試環境:Xcode 6.2,iOS 6.0 以上
跑馬燈(作者:nostyle)
可循環滾動的較長文字,跑馬燈
效果很好,一句話集成
測試環境:Xcode 6.2,iOS 6.0 以上
swift播放本地音樂(作者:懂你的所以123)
swift播放本地音樂
測試環境:Xcode 6.2,iOS 7.0 以上
灌水動畫新版強勢來襲(作者:董鉑然)
SXWaveAnimate
實現非常美觀的灌水動畫
7月30日升級版本(建議更新下)
與以往的只有自定義cell相比,開通了粒度更小的自定義View-SXWaveView
主要更新有:
修改整體UI樣式增加了SXWaveView。使得項目的泛用性和靈活性更好
添加動畫的type修改後為3種 1-緩慢上升 2-緩慢下降 3-先升後降
考慮到引入的方便waveView廢除了xib使用純手碼創建
添加了半圓性灌水動畫halfWaveView。(半圓類依賴於圓類,反之不依賴。可以根據個人喜好決定是否引入半圓類)
增加開放API和新的字段,定制化程度更高。(不用擔心以前有的接口還是有的,沒做改變)
SXWaveView使用方法
1.將代碼中的classes文件夾拖入項目中,裡面包含了可重用的文件,及一個便利計算frame的類
2.在需要用到的類中(就是你要寫tableView數據源方法和代理方法的類)引入頭文件
#import "SXWaveView.h"或者是#import "SXHalfWaveView.h"
3.建一個成員變量
@property(nonatomic,strong)SXWaveView *animateView1;
4.用你正常創建自定義view的方法建一個,並使用setPrecent開頭的方法,不想傳的參數可以傳nil
SXWaveView *animateView1 = [[SXWaveView alloc]initWithFrame:CGRectMake(0 MARGIN, 100 MARGIN,SIDES, SIDES)]; [self.view addSubview:animateView1]; self.animateView1 = animateView1; [self.animateView1 setPrecent:self.precent description:@"董鉑然" textColor:[UIColor orangeColor] bgColor:COLOR(31, 187, 170, 1) alpha:1 clips:NO];
5.在viewDidAppear或viewWillAppear方法中加入一行開始動畫的方法[self.animateView1 addAnimateWithType:0];也可以自行選擇動畫觸發的地點。
精心設計了12種配色。現在的自定義配置已經很多,可自行發揮
看下代碼就知道了裡面寫的很清楚
此代碼還在不斷優化中,歡迎點星關注
測試環境:Xcode 6.2,iOS 6.0 以上
UIWebView翻頁返回效果(變通方法)(作者:Star5)
這個方法實現起來比較簡單,反正只要手勢劃動返回時有翻頁效果就行。
測試環境:Xcode 6.2,iOS 6.0 以上