iOS開發(fā)、教你一步步實(shí)現(xiàn)直播間評(píng)論效果功能

直播App越來越值得市場(chǎng)關(guān)注睬辐,那么我們也要越來越關(guān)注直播的需求挠阁。
做為一名開發(fā)菜鳥,不得不跟隨市場(chǎng)的發(fā)展而努力的學(xué)習(xí)溯饵。
打工也要認(rèn)真侵俗,沒錯(cuò)就是這句話。

回到正題:
本菜鳥再做直播項(xiàng)目的一些分享共勉 . . .
今天教你一步步實(shí)現(xiàn)直播間評(píng)論效果功能 . . .

首先丰刊,look 需求 :

每當(dāng)有人進(jìn)入房間隘谣、評(píng)論、送禮物啄巧、第一次點(diǎn)贊直播消息時(shí)寻歧,消息列表都要及時(shí)顯示并有從下往上滑動(dòng)的效果。效果如下:


映客某用戶直播的圖片秩仆,感謝主播讓我有了效果圖

怎么實(shí)現(xiàn)呢码泛,怎么實(shí)現(xiàn)呢 。澄耍。噪珊。

消息列表,必定是一個(gè)UITableView齐莲,每個(gè)消息是一個(gè)cell痢站,每次接收到一條消息立刻添加到數(shù)據(jù)數(shù)組中,同時(shí)刷新UITableView选酗,滾動(dòng)到底部阵难。

沒錯(cuò)思路就是這樣,但是問題來了. . .

你每次都去刷新 . . . 即使UITableView有復(fù)用機(jī)制芒填,也還是不行的呜叫,整個(gè)效果有一閃一閃的。You可以試一下就知道了殿衰。??

那么不能刷新怀偷,我們就用插入第n行,并且滾動(dòng)到第n行
沒錯(cuò) . . . 沒錯(cuò) . . . 就是這樣實(shí)現(xiàn)效果了 . . .

代碼如下:

[_dataArray addObject:chatModel];
    
    [self.tableView insertSections:[NSIndexSet indexSetWithIndex:_dataArray.count-1] withRowAnimation:UITableViewRowAnimationNone];
    NSIndexPath *indexPath = [NSIndexPath indexPathForRow:0 inSection:_dataArray.count-1];
    [_tableView selectRowAtIndexPath:indexPath animated:YES  scrollPosition:UITableViewScrollPositionBottom];

再看一下我們實(shí)現(xiàn)的效果圖:不然文字看累了

蛋疼播玖,找不到怎么上傳GIF椎工,還是只能截圖看效果,辛苦你了

是不是very happy 蜀踏,但是別急维蒙,這種方法,你寫了會(huì)發(fā)現(xiàn)實(shí)現(xiàn)了我們的功能了果覆,但是還存在一個(gè)很小的問題颅痊,那就是:

消息只有屈指可數(shù)的兩三條的時(shí)候,它并沒有從下往上一直頂上去局待,而是直接一直顯示斑响,沒有動(dòng)畫效果菱属。

原因,在于消息所在的高度還不過我們?cè)O(shè)置UITableView的高度舰罚,滾動(dòng)到第n行的時(shí)候并沒有效果纽门。

那么我們換一個(gè)思路,來實(shí)現(xiàn)营罢,那就是從下往上添加數(shù)據(jù)赏陵。????
這樣不管你數(shù)據(jù)多少都會(huì)有動(dòng)畫。

再來看一下我們實(shí)現(xiàn)的效果圖饲漾,不然文字又看累了??

厲害了蝙搔,我的哥,這個(gè)就是我要的效果

那么實(shí)現(xiàn)的思路就是考传,我們一直添加到數(shù)據(jù)源的第一條吃型,這樣不管數(shù)據(jù)多少,是不是都會(huì)有動(dòng)畫效果僚楞,腦袋里想象一下败玉,答案是肯定的。

那么問題又來了镜硕,一直往第一條添加运翼,是有動(dòng)畫了,但是他是從上往下的啊 . . . 啊 . . .

從上往下就從上往下兴枯,我們給所有的區(qū)域旋轉(zhuǎn)180度血淌,不就變成了從下往上了。
厲害了我的哥啊财剖,真的可以實(shí)現(xiàn)悠夯,代碼怎么寫呢。
不急 . . . 代碼來了 . . . You look . . .

    [_dataArray insertObject:chatModel atIndex:0];
    [self.tableView insertSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationTop];

注意咯:數(shù)據(jù)我們是一直加在第一條的位置躺坟。

look 旋轉(zhuǎn)180

_tableView.transform = CGAffineTransformMakeScale(1, -1);

然后單單把UITableView旋轉(zhuǎn)沦补,你會(huì)發(fā)現(xiàn),還有問題啊. . . 啊 . . .

什么問題 咪橙? 什么問題 夕膀?
文字內(nèi)容翻轉(zhuǎn)了 。 美侦。 产舞。

那我們?cè)诎盐淖謨?nèi)容的視圖在旋轉(zhuǎn)180,即cell旋轉(zhuǎn)180

self.contentView.transform = CGAffineTransformMakeScale(1, -1);

沒錯(cuò)就是這樣菠剩,重要代碼 . . . 全部在這里了 . . .

效果圖 . . . 找不到上傳GIF的地方 . . . 只能看上面的圖片 . . .

滿意了吧易猫,如果還實(shí)現(xiàn)不了,那么就留下怎么聯(lián)系你吧
或者直接留言具壮,讓本菜鳥試試 . . .

不喜勿噴准颓,大神多多指教哈蝇,謝謝。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末攘已,一起剝皮案震驚了整個(gè)濱河市炮赦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌贯被,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件妆艘,死亡現(xiàn)場(chǎng)離奇詭異彤灶,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)批旺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門幌陕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人汽煮,你說我怎么就攤上這事搏熄。” “怎么了暇赤?”我有些...
    開封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵心例,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我鞋囊,道長(zhǎng)止后,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任溜腐,我火速辦了婚禮译株,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘挺益。我一直安慰自己歉糜,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開白布望众。 她就那樣靜靜地躺著匪补,像睡著了一般。 火紅的嫁衣襯著肌膚如雪烂翰。 梳的紋絲不亂的頭發(fā)上叉袍,一...
    開封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音刽酱,去河邊找鬼喳逛。 笑死,一個(gè)胖子當(dāng)著我的面吹牛棵里,可吹牛的內(nèi)容都是我干的润文。 我是一名探鬼主播姐呐,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼典蝌!你這毒婦竟也來了曙砂?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤骏掀,失蹤者是張志新(化名)和其女友劉穎鸠澈,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體截驮,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡笑陈,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了葵袭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片涵妥。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖坡锡,靈堂內(nèi)的尸體忽然破棺而出蓬网,到底是詐尸還是另有隱情,我是刑警寧澤鹉勒,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布帆锋,位于F島的核電站,受9級(jí)特大地震影響禽额,放射性物質(zhì)發(fā)生泄漏窟坐。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一绵疲、第九天 我趴在偏房一處隱蔽的房頂上張望哲鸳。 院中可真熱鬧,春花似錦盔憨、人聲如沸徙菠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽婿奔。三九已至,卻和暖如春问慎,著一層夾襖步出監(jiān)牢的瞬間萍摊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來泰國打工如叼, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留冰木,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像踊沸,于是被迫代替她去往敵國和親歇终。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

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