仿映客刷禮物效果---代碼優(yōu)化

上一篇文章《仿映客刷禮物效果---基本邏輯實(shí)現(xiàn)》中邻眷,分析了刷禮物效果的基本流程與具體實(shí)現(xiàn)代碼眠屎。但還有一些BUG和一些可優(yōu)化的地方?jīng)]有處理,現(xiàn)在我們就來分析下這些遺留的問題肆饶。當(dāng)然個(gè)人的能力是有限的组力,肯定還有很多我沒有發(fā)現(xiàn)到的問題,如果大家在使用過程中有遇到其它的問題抖拴,歡迎大家及時(shí)指出,我好及時(shí)完善腥椒。

優(yōu)化后的效果圖如下:


效果圖.png

廢話不多說阿宅,先看問題。

問題一

問題描述

問題效果圖如下圖:


問題一.gif

從圖中可以看到:當(dāng)一個(gè)禮物動畫組正在執(zhí)行隱藏動畫時(shí)笼蛛,這時(shí)恰好收到一個(gè)新的與之相同類型的禮物消息洒放,按正常邏輯來看,這個(gè)新的禮物消息應(yīng)該應(yīng)該作為一個(gè)新的動畫組開始展示滨砍。但是往湿,從GIF圖中可以看到,連送按鈕再次出現(xiàn)的時(shí)惋戏,新的動畫組并沒有開始展示领追,那新接收到禮物消息去哪里了呢?

問題原因

如果將隱藏動畫的動畫時(shí)間設(shè)置長一點(diǎn)响逢,重復(fù)上面的問題流程绒窑。你就會發(fā)現(xiàn),其實(shí)新接收到的禮物消息并不是消失了舔亭,而是被判定為一次連乘動畫些膨。所以這時(shí)其實(shí)是一邊執(zhí)行隱藏動畫,一遍執(zhí)行連乘動畫钦铺,這就導(dǎo)致連乘動畫很難被看到订雾,從而造成了新接收到的禮物消息消失了。

問題解決

知道了問題原因矛洞,解決問題就非常簡單了洼哎。這里我的解決方法是:讓cell在執(zhí)行隱藏動畫時(shí)不被判定為正在執(zhí)行動畫,因此我給cell設(shè)置了幾種動畫狀態(tài)缚甩,其邏輯關(guān)系如下圖所示:


動畫狀態(tài)邏輯.png

有了動畫狀態(tài)之后谱净,只用修改動畫檢測的判斷條件就可以了,修改后的代碼如下:

- (PresentViewCell *)examinePresentingCell:(id<PresentModelAble>)obj
{
    for (PresentViewCell *cell in self.showCells) {
        if ([cell.sender isEqualToString:[obj sender]] && [cell.giftName isEqualToString:[obj giftName]]) {
            //當(dāng)前正在展示動畫并且不是隱藏動畫
            if (cell.state != AnimationStateNone && cell.state != AnimationStateHiding) return cell;
        }
    }
    return nil;
}

如果當(dāng)前沒有不為空閑并且也沒有在隱藏動畫擅威,就判定當(dāng)前cell可以執(zhí)行連乘動畫壕探。
運(yùn)行程序,再次測試郊丛,就會發(fā)現(xiàn)當(dāng)cell正在執(zhí)行隱藏動畫時(shí)收到一條相同類型消息李请,新的消息會在新的動畫組中展示瞧筛,或是等有了空閑的cell時(shí)在展示。(修改后的具體效果可以在Demo中驗(yàn)證导盅,下同)

問題二

問題描述

問題效果圖如下:


問題二.gif

從圖中可以看到:當(dāng)連續(xù)多次快速的點(diǎn)擊同一個(gè)發(fā)送按鈕時(shí)较幌,連乘的動畫效果就消失了。

問題原因

很明顯這里的問題原因就是因?yàn)椋荷弦淮吸c(diǎn)擊的連乘動畫還沒執(zhí)行完白翻,就開始了下一次連乘動畫乍炉,從而造成了這種效果。

問題解決

從問題原因中很容易想到這里需要用到緩存機(jī)制滤馍,即等到上一次動畫執(zhí)行完了再執(zhí)行下一次動畫岛琼。首先我們很容易想到的就是NSOperationQueue和dispatch_group_t,這是系統(tǒng)封裝的兩個(gè)任務(wù)隊(duì)列巢株,很容易實(shí)現(xiàn)上面的需求槐瑞,而且還特別簡單,只用在shakeAnimationWithNumber:里面實(shí)現(xiàn)緩存機(jī)制就行了。這里介紹下dispatch_group_t隊(duì)列的實(shí)現(xiàn)方法阁苞,其代碼如下:

- (void)shakeAnimationWithNumber:(NSInteger)number
{
    if (!_queue && !_group) {
        _queue = dispatch_queue_create("com.shakeCache.queue", DISPATCH_QUEUE_SERIAL);
        _group = dispatch_group_create();
        dispatch_group_notify(_group, dispatch_get_main_queue(), ^{
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                [self hiddenAnimationOfShowShake:YES];
            });
        });
    }
    dispatch_group_async(_group, _queue, ^{
        [self startShakeAnimationWithNumber:number completion:nil];
    });
}

代碼很簡單困檩,就是創(chuàng)建一個(gè)全局的串行隊(duì)列,如果group任務(wù)完成就延時(shí)執(zhí)行隱藏動畫那槽,每次調(diào)用都想group中添加一個(gè)連乘動畫任務(wù)悼沿。
運(yùn)行程序,你會發(fā)現(xiàn)問題還是存在骚灸,這是為什么呢显沈?其實(shí)原因很簡單,就是因?yàn)椋篣IView封裝的動畫是在子線程中執(zhí)行逢唤,與添加任務(wù)操作不在同一個(gè)線程中拉讯。所以雖然任務(wù)是順序添加的,但動畫的執(zhí)行并不是串行執(zhí)行的鳖藕。
這里的解決辦法是:自己實(shí)現(xiàn)緩存--收到連乘動畫先緩存魔慷,如果有緩存并且沒有正在執(zhí)行連乘動畫,就取緩存著恩,開始動畫院尔,動畫完成就刪除緩存,再去取緩存喉誊,只到?jīng)]有緩存為止邀摆。具體實(shí)現(xiàn)代碼如下:

- (void)shakeAnimationWithNumber:(NSInteger)number
{
    if (number > 0) [self.caches addObject:@(number)];
    if (self.caches.count > 0 && _state != AnimationStateShaking) {
        NSInteger cache        = [self.caches.firstObject integerValue];
        [self.caches removeObjectAtIndex:0];//不能刪除對象,因?yàn)榭赡苡邢嗤膶ο?        __weak typeof(self) ws = self;
        [self startShakeAnimationWithNumber:cache completion:^(BOOL finished) {
            [ws shakeAnimationWithNumber:-1];//傳-1是為了緩存不被重復(fù)添加
        }];
    }
}

再次運(yùn)行程序伍茄,就會發(fā)現(xiàn)連乘動畫是串行執(zhí)行了栋盹。

問題三

問題描述

在開始下一次動畫去緩存時(shí),這時(shí)剛好收到一個(gè)與取出的緩存相同類型的消息敷矫,又會去取緩存例获。在極端的情況下汉额,這會造成兩個(gè)相同類型的禮物動畫同時(shí)展示。
因?yàn)檫@是一個(gè)邏輯上特別極端的情況榨汤,所以這里沒有給出效果圖蠕搜。

問題原因

這個(gè)問題原因其實(shí)就是因?yàn)椋喝【彺娴絼赢嬮_始這段時(shí)間內(nèi)收到一條與取出緩存相同類型的消息,導(dǎo)致這個(gè)新的消息在做動畫檢測時(shí)沒有檢測出來收壕,所以新的消息可能也會作為新的動畫組開始展示妓灌。

問題解決

這里的解決辦法是將取緩存到動畫開始這個(gè)時(shí)間縮減到最短,也就是在開始展示動畫前就將cell的動畫狀態(tài)從AnimationStateNone設(shè)置成AnimationStateShowing蜜宪。
關(guān)于這個(gè)問題旬渠,有興趣的可以自行測試,測試時(shí)記得要增大取緩存到開始動畫這段時(shí)間端壳。具體操作就是:增大cell的顯示動畫時(shí)間,并且等cell的顯示動畫完成再將cell的動畫狀態(tài)從AnimationStateNone設(shè)置成AnimationStateShowing枪蘑。(如果有測試出問題的损谦,記得將問題效果的gif圖分享給我!拜謝了T榔摹)

問題四

解決一個(gè)問題照捡,就會帶來新的問題。這里給動畫做了這么多的緩存之后帶來的新的問題是什么呢话侧!想必測試過的應(yīng)該已經(jīng)發(fā)現(xiàn)了:連送按鈕已經(jīng)隱藏了栗精,但是連乘動畫還在執(zhí)行,這肯定是不合邏輯的瞻鹏。

對于這個(gè)問題悲立,只有在項(xiàng)目中有要求出現(xiàn)連送按鈕才會出現(xiàn),而且出現(xiàn)了也不一定算是問題(映客也沒解決這個(gè)問題)新博,所以這里就不解決這個(gè)問題了薪夕,如果確實(shí)有要求的,這里提供下思路:因?yàn)檎故緞赢嫼瓦B乘動畫的動畫時(shí)間都是確定的赫悄,所以很容易計(jì)算出執(zhí)行完當(dāng)前動畫組需要的時(shí)間原献。然后每接收到一個(gè)連乘動畫就對這個(gè)時(shí)間進(jìn)行更新,并用代理或其它的形式將這個(gè)時(shí)間值傳遞出去埂淮,最后根據(jù)這個(gè)值對連送按鈕進(jìn)行控制就可以了姑隅。(當(dāng)然了,有實(shí)現(xiàn)了這個(gè)思路或是有更好思路的倔撞,方便的話讲仰,也請分享給我,再次拜謝了;居)

一個(gè)好的功能應(yīng)該除了具有易用性之外叮盘,還應(yīng)該具有良好的擴(kuò)展性秩贰。

擴(kuò)展

因?yàn)轫?xiàng)目的需求不同,所以對展示動畫與隱藏動畫的要求也各部相同柔吼。這里就提供了對這連個(gè)動畫自定義的接口毒费,接口名如下:

/**
 *  自定義展示動畫
 *
 *  @param flag 是否帶有連乘動畫
 */
- (void)customDisplayAnimationOfShowShakeAnimation:(BOOL)flag;
/**
 *  自定義隱藏動畫
 *
 *  @param flag 是否帶有連乘動畫
 */
- (void)customHideAnimationOfShowShakeAnimation:(BOOL)flag;

如果想對這兩動畫進(jìn)行簡單的自定義,就可以在自定義cell中重寫這兩方法愈魏。需要注意的是觅玻,這兩方法是在UIView封裝的動畫的animations回調(diào)中調(diào)用,所以只用修改cell的frame就夠了培漏。

一般項(xiàng)目中通過這種方法自定義cell的展示和隱藏動畫就可以滿足需求溪厘,如果項(xiàng)目中確實(shí)需要更絢麗的動畫效果,就需要修改PrentViewCell的showAnimationWithModel:showShakeAnimation:prepare:completion:方法和hiddenAnimationOfShowShake:方法中的動畫代碼牌柄。

當(dāng)然畸悬,還有其它的地方可以擴(kuò)展,例如:讓禮物消息只在指定的cell上展示珊佣,如VIP用戶發(fā)送的禮物消息蹋宦,在特定的位置上展示;還可以對消息的展示優(yōu)先級進(jìn)行區(qū)分咒锻,如不同等級的用戶展示消息的優(yōu)先級就不一樣冷冗,等等這些都是有可能項(xiàng)目需要的需求。這里就不一一對這些需求進(jìn)行實(shí)現(xiàn)了惑艇,關(guān)于優(yōu)化后的Demo蒿辙,大家可以點(diǎn)擊這里下載。

最后滨巴,還是開篇那句話:個(gè)人的能力有限思灌,肯定還有很多我沒有發(fā)現(xiàn)到的問題,如果大家在使用過程中有遇到其它的問題恭取,歡迎大家及時(shí)指出习瑰,我好及時(shí)完善。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末秽荤,一起剝皮案震驚了整個(gè)濱河市甜奄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌窃款,老刑警劉巖课兄,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異晨继,居然都是意外死亡烟阐,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蜒茄,“玉大人唉擂,你說我怎么就攤上這事√锤穑” “怎么了玩祟?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長屿聋。 經(jīng)常有香客問我空扎,道長,這世上最難降的妖魔是什么润讥? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任转锈,我火速辦了婚禮,結(jié)果婚禮上楚殿,老公的妹妹穿的比我還像新娘撮慨。我一直安慰自己,他們只是感情好脆粥,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布砌溺。 她就那樣靜靜地躺著,像睡著了一般冠绢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上常潮,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天弟胀,我揣著相機(jī)與錄音,去河邊找鬼喊式。 笑死孵户,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的岔留。 我是一名探鬼主播夏哭,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼献联!你這毒婦竟也來了竖配?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤里逆,失蹤者是張志新(化名)和其女友劉穎进胯,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體原押,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡胁镐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片盯漂。...
    茶點(diǎn)故事閱讀 40,133評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡颇玷,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出就缆,到底是詐尸還是另有隱情帖渠,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布违崇,位于F島的核電站阿弃,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏羞延。R本人自食惡果不足惜渣淳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望伴箩。 院中可真熱鬧入愧,春花似錦、人聲如沸嗤谚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽巩步。三九已至旁赊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間椅野,已是汗流浹背终畅。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留竟闪,地道東北人离福。 一個(gè)月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像炼蛤,于是被迫代替她去往敵國和親妖爷。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評論 2 355

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

  • 最近做了個(gè)直播項(xiàng)目理朋,需要用到彈幕和刷禮物絮识。在網(wǎng)上找了許多開源代碼,發(fā)現(xiàn)都不是很適合自己的項(xiàng)目需求嗽上,于是利用空余時(shí)間...
    Rasping閱讀 4,689評論 23 40
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫笋除、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,107評論 4 62
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,184評論 25 707
  • 記憶已經(jīng)模糊了太多太多炸裆,因?yàn)橄氩黄鸬臇|西垃它,就那么一直被遺忘了,故事的開始和結(jié)束都不再是故事的重點(diǎn)了,享受的只是過程...
    一空一白閱讀 138評論 0 0