你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發基礎 >> 源碼推薦(8.05):一行代碼實現多風格的推送小紅點,效果很好的跑馬燈

源碼推薦(8.05):一行代碼實現多風格的推送小紅點,效果很好的跑馬燈

編輯:IOS開發基礎

一行代碼實現多風格的推送小紅點(作者: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 以上

swift播放本地音樂

灌水動畫新版強勢來襲(作者:董鉑然)

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 以上

UIWebView翻頁返回效果(變通方法)

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved