iOS-支持點(diǎn)贊數(shù)字動(dòng)畫(huà)的SPScrollNumLabel

簡(jiǎn)單實(shí)現(xiàn)支持點(diǎn)贊數(shù)字動(dòng)畫(huà)的SPScrollNumLabel

Github:SPScrollNumLabel
如果你覺(jué)得幫助到你了亚皂,希望給鶸一個(gè)Star勃救,謝謝
博客
如果你發(fā)現(xiàn)任何問(wèn)題,請(qǐng)一定要給我拍磚趋惨,謝謝

項(xiàng)目效果

timelineDemo

Ver 0.0.2

text.gif

Ver 0.0.1

Demo

Api

@property (nonatomic, assign) IBInspectable NSInteger targetNumber;// default is 0
@property (nonatomic, assign) IBInspectable CGFloat animateDuration;// default is 0.25
@property (nonatomic, assign) IBInspectable BOOL isCommonLabel;// default is NO
@property (nonatomic, assign) BOOL centerPointPriority;// default is NO
- (void)increaseNumber:(NSInteger)increasedNum;
- (void)decreaseNumber:(NSInteger)decreasedNum;
  • 設(shè)置目標(biāo)數(shù)字
  • 設(shè)置數(shù)字滾動(dòng)的動(dòng)畫(huà)時(shí)間
  • 設(shè)置為普通的UILabel使用
  • 設(shè)置是否為center屬性優(yōu)先布局,針對(duì)只設(shè)置foo.center的情況,詳情見(jiàn)Demo
  • 數(shù)字增加方法
  • 數(shù)字減少方法

設(shè)置

  1. 對(duì)文字及字體顏色等常見(jiàn)參數(shù)的設(shè)置坠非,直接通過(guò)UILabel的參數(shù)設(shè)置即可.
  2. 輸入數(shù)字支持targetNum及text兩種屬性輸入
  3. targetNumber及text的輸入,都請(qǐng)放在字體屬性設(shè)置完成后

注意點(diǎn):如果輸入的文字為中文果正,請(qǐng)不要設(shè)置Label的backgroundColor屬性炎码,否則無(wú)法正常顯示

純代碼

  1. 設(shè)置frame時(shí),如果size屬性的寬不能適應(yīng)展示寬度,都會(huì)自動(dòng)調(diào)整,如果size屬性的高度不能容納展示高度秋泳,會(huì)自動(dòng)調(diào)整潦闲,能容納則不做任何處理
  2. targetNumber的賦值,請(qǐng)務(wù)必放在配置參數(shù)的最后
CGRect screenBounds = [UIScreen mainScreen].bounds;
SPScrollNumLabel *num = [[SPScrollNumLabel alloc] initWithFrame:(CGRect){CGPointMake(screenBounds.size.width/2 - 50, 100),CGSizeMake(2, 100)}];
    
    // 設(shè)置frame時(shí)
    // 如果size屬性的寬不能適應(yīng)展示寬度迫皱,都會(huì)自動(dòng)調(diào)整
    // 如果size屬性的高度不能容納展示高度歉闰,會(huì)自動(dòng)調(diào)整,能容納則不做任何處理
    // num.frame = (CGRect){CGPointMake(screenBounds.size.width/2 - 50, 100),CGSizeMake(2, 100)};
    
// 字體屬性卓起,直接賦值
num.textColor = [[UIColor whiteColor] colorWithAlphaComponent:0.5];
num.font = [UIFont systemFontOfSize:40 weight:UIFontWeightBold];
num.backgroundColor = [[UIColor purpleColor] colorWithAlphaComponent:0.4];
    
    
// 如果采用center賦值 需要設(shè)置是否中心點(diǎn)優(yōu)先
SPScrollNumLabel *centerLabel = [[SPScrollNumLabel alloc] init];
centerLabel.center = CGPointMake(screenBounds.size.width/2, 250);
centerLabel.centerPointPriority = YES;
centerLabel.textColor = [[UIColor whiteColor] colorWithAlphaComponent:0.5];
centerLabel.font = [UIFont systemFontOfSize:35 weight:UIFontWeightThin];
centerLabel.backgroundColor = [[UIColor blueColor] colorWithAlphaComponent:0.4];
// 屬性配置完成后和敬,賦值 默認(rèn)為0
centerLabel.text = @"998";
    
// 如果想當(dāng)做普通的UILabel用 比如特殊值"1千"等 打開(kāi)isCommonLabel 直接按照UILabel的使用即可
SPScrollNumLabel *commonLabel = [[SPScrollNumLabel alloc] init];
commonLabel.isCommonLabel = YES;
commonLabel.textColor = [[UIColor whiteColor] colorWithAlphaComponent:0.5];
commonLabel.font = [UIFont systemFontOfSize:35 weight:UIFontWeightThin];
commonLabel.backgroundColor = [[UIColor blueColor] colorWithAlphaComponent:0.4];
commonLabel.text = @"我可以當(dāng)普通label用哦";
[commonLabel sizeToFit];
commonLabel.center = CGPointMake(screenBounds.size.width/2, commonLabel.frame.size.height/2+34);

xib

xib支持直接設(shè)置,你可以將必要的參數(shù)在這里直接設(shè)置:顏色戏阅、字體昼弟、動(dòng)畫(huà)時(shí)間是否是個(gè)普通Label奕筐、動(dòng)畫(huà)翻轉(zhuǎn)時(shí)間

XibDemo1

XibDemo2

如何應(yīng)用

使用pod或者直接拖拽相應(yīng)文件夾到你的工程下

pod 'SPScrollNumLabel' ,'~> 0.0.2'

20171124 Ver.0.0.2:支持label.text的直接賦值

20171123 Ver.0.0.1


Enjoy It

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末舱痘,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子离赫,更是在濱河造成了極大的恐慌芭逝,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件渊胸,死亡現(xiàn)場(chǎng)離奇詭異旬盯,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)胖翰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)频丘,“玉大人,你說(shuō)我怎么就攤上這事泡态÷” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵某弦,是天一觀的道長(zhǎng)桐汤。 經(jīng)常有香客問(wèn)我,道長(zhǎng)靶壮,這世上最難降的妖魔是什么怔毛? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮腾降,結(jié)果婚禮上拣度,老公的妹妹穿的比我還像新娘。我一直安慰自己螃壤,他們只是感情好抗果,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著奸晴,像睡著了一般冤馏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上寄啼,一...
    開(kāi)封第一講書(shū)人閱讀 51,182評(píng)論 1 299
  • 那天逮光,我揣著相機(jī)與錄音,去河邊找鬼墩划。 笑死涕刚,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的乙帮。 我是一名探鬼主播杜漠,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蚣旱!你這毒婦竟也來(lái)了碑幅?” 一聲冷哼從身側(cè)響起戴陡,我...
    開(kāi)封第一講書(shū)人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤塞绿,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后恤批,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體异吻,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了诀浪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片棋返。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖雷猪,靈堂內(nèi)的尸體忽然破棺而出睛竣,到底是詐尸還是另有隱情,我是刑警寧澤求摇,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布射沟,位于F島的核電站,受9級(jí)特大地震影響与境,放射性物質(zhì)發(fā)生泄漏验夯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一摔刁、第九天 我趴在偏房一處隱蔽的房頂上張望挥转。 院中可真熱鬧,春花似錦共屈、人聲如沸绑谣。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)域仇。三九已至,卻和暖如春寺擂,著一層夾襖步出監(jiān)牢的瞬間暇务,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工怔软, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留垦细,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓挡逼,卻偏偏與公主長(zhǎng)得像括改,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子家坎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理嘱能,服務(wù)發(fā)現(xiàn),斷路器虱疏,智...
    卡卡羅2017閱讀 134,652評(píng)論 18 139
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)惹骂、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,094評(píng)論 4 62
  • 北京白天不允許大卡車(chē)進(jìn)入市區(qū)做瞪,于是我那一卡車(chē)的貨物只能凌晨時(shí)分悄悄完成卸貨对粪。大冬天的北京的凌晨右冻,想想就冷啊著拭!還好有...
    兮兮0225閱讀 54評(píng)論 0 0
  • 為什么打比賽從來(lái)都不用德萊文纱扭? 而德萊文在大家的心里又都是很強(qiáng)的英雄啊儡遮! 這是為什么呢乳蛾?這是一個(gè)問(wèn)題,也是很多人都...
    黃銅刀閱讀 2,650評(píng)論 0 0
  • 昨日的陣雨 被吹散了灰色的云層后 在地面留下一畦水洼 像一面鏡子 照出了小時(shí)候的天空 那時(shí)還有理想 你呀你 還記得...
    江湖小刀閱讀 325評(píng)論 0 1