一種讓UITableView的數(shù)據(jù)從下往上增長的方式

https://www.cnblogs.com/shanpow/p/4217059.html
一般來說tableview的數(shù)據(jù)都是從上往下增長,如下圖所示(先是aaa出現(xiàn)在表格列表的最頂部,然后bbb出現(xiàn)在aaa的下面残邀,以此類推)
但是如果我們想反向這個過程該怎么做呢?如下圖所示(先是aaa出現(xiàn)在表格列表的最底部,然后aaa被頂上去,bbb出現(xiàn)在aaa原來的位置)

解決問題

我們當然第一時間向萬能的stackoverflow君求救竹勉,找到了這個解決方案

原理很簡單就是讓整個tableview上下倒轉后再繪制在界面上娄琉,讓我們立即驗證一下吧次乓,建一個簡單的Single View Application工程,然后在Storyboard的那個默認視圖上拖一個UITableView孽水,然后做一些必要的設置能讓tableview能正常工作(這里就不再贅述了票腰,相信大家沒任何問題)。

其中定義一個數(shù)組records用于存放需要顯示的數(shù)據(jù)匈棘,其中數(shù)據(jù)如下
self.records = @[@"aaa",
@"bbb",
@"ccc",
@"ddd",
@"eee",
....
];
然后我們在-viewDidLoad:中加入以下代碼
self.tableView.transform = CGAffineTransformMakeScale (1,-1);

我們發(fā)現(xiàn)有兩個問題:第一,cell本身的內容是上下顛倒的析命;第二主卫,bbb出現(xiàn)在了aaa的上面。讓我們一個一個地來解決這些問題鹃愤。
解決cell內容上下顛倒問題

先解決第一個問題簇搅,其實非常簡單,由于是整個tableview的上下顛倒導致了cell內容的上下顛倒软吐,那么要讓cell的內容看起來是正常的瘩将,只要讓cell的內容再次上下顛倒一下就行。我們就在tableView:cellForRowAtIndexPath:方法中加入以下代碼
cell.contentView.transform = CGAffineTransformMakeScale (1,-1);
此時運行一下會發(fā)現(xiàn)cell的內容不再上下顛倒了凹耙。

解決數(shù)據(jù)順序不正確的問題

好了姿现,接下來解決上面的第二個問題,我們希望aaa出現(xiàn)在bbb的上面該怎么做呢肖抱?其實也很簡單备典,只需要根據(jù)NSIndexPath的值取正確的數(shù)據(jù)就行。

因為我們整個tableview是上下顛倒的意述,如果不做任何特殊處理提佣,那么self.records的第一個元素將永遠顯示在屏幕的最底部。就像在正常情況下荤崇,數(shù)據(jù)的第一個元素永遠顯示在屏幕的最上部一樣拌屏。所以解決方案也就呼之欲出,只要在顯示數(shù)據(jù)時候對數(shù)據(jù)的順序做一點小小的變更就行了术荤。

當然這也有兩種方案倚喂,第一種在顯示新的數(shù)據(jù)時改變self.records的內容,在位置0插入新的數(shù)據(jù)瓣戚,這在數(shù)據(jù)是動態(tài)生成的時候可以一用务唐,但是如果像我們在上面已經定義的一樣是固定的呢雳攘?我們就不得不再定義一個mutable的數(shù)組然后每次插入數(shù)據(jù),此時這個方案就顯得繁瑣了枫笛。

第二種方法就是僅僅在顯示時修改每個數(shù)據(jù)的index映射方式就成吨灭。比如我們當前需要顯示三個元素:"aaa", "bbb"以及"ccc"。我們要確保aaa要顯示在bbb上面刑巧,而bbb顯示在ccc上面喧兄。那么tableView:cellForRowAtIndexPath:中可以做如下計算,當indexPath.Row的值為0時啊楚,我們要取數(shù)據(jù)"ccc"吠冤;當indexPath.Row的值為1時,我們要取數(shù)據(jù)"bbb"恭理;當indexPath.Row的值為2時拯辙,我們要取數(shù)據(jù)"ccc".

具體代碼如下(其中self.numberOfRecords表示當前需要顯示多少數(shù)據(jù))

NSInteger index = self.numberOfRecords - 1 - indexPath.row;
NSString *record = self.records[index];

最后再運行一下吧,此時就可以看到我們想要的效果颜价。

總結

如果想看到這種需求到底會產生怎樣的效果涯保,可以訪問我們的神劇http://www.shenjuapp.com/(我很想吐槽目前蘋果審核的效率。周伦。夕春。因此大家可以先體驗一下安卓的版本)。

目前我們已經做到了更為平滑的滾動专挪,敬請等待我們的下一個版本及志,同時也敬請期待今后的博客,我會闡述如何這種情況下的平滑滾動寨腔。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末速侈,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子迫卢,更是在濱河造成了極大的恐慌锌畸,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件靖避,死亡現(xiàn)場離奇詭異潭枣,居然都是意外死亡,警方通過查閱死者的電腦和手機幻捏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門盆犁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人篡九,你說我怎么就攤上這事谐岁。” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵伊佃,是天一觀的道長窜司。 經常有香客問我,道長航揉,這世上最難降的妖魔是什么塞祈? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮帅涂,結果婚禮上议薪,老公的妹妹穿的比我還像新娘。我一直安慰自己媳友,他們只是感情好斯议,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著醇锚,像睡著了一般哼御。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上焊唬,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天恋昼,我揣著相機與錄音,去河邊找鬼求晶。 笑死焰雕,一個胖子當著我的面吹牛衷笋,可吹牛的內容都是我干的芳杏。 我是一名探鬼主播,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼辟宗,長吁一口氣:“原來是場噩夢啊……” “哼爵赵!你這毒婦竟也來了?” 一聲冷哼從身側響起泊脐,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤空幻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后容客,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體秕铛,經...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年缩挑,在試婚紗的時候發(fā)現(xiàn)自己被綠了但两。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡供置,死狀恐怖谨湘,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤紧阔,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布坊罢,位于F島的核電站,受9級特大地震影響擅耽,放射性物質發(fā)生泄漏活孩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一秫筏、第九天 我趴在偏房一處隱蔽的房頂上張望诱鞠。 院中可真熱鬧,春花似錦这敬、人聲如沸航夺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽阳掐。三九已至,卻和暖如春冷蚂,著一層夾襖步出監(jiān)牢的瞬間缭保,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工蝙茶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留艺骂,地道東北人。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓隆夯,卻偏偏與公主長得像钳恕,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蹄衷,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內容

  • 1.badgeVaule氣泡提示 2.git終端命令方法> pwd查看全部 >cd>ls >之后桌面找到文件夾內容...
    i得深刻方得S閱讀 4,660評論 1 9
  • 一忧额、簡介 官方給出了比較全面的介紹,要點摘錄如下: table view的作用:導航愧口、展示索引列表睦番、展示詳情信息、...
    quantiza閱讀 734評論 0 1
  • { 24耍属、Sqlite數(shù)據(jù)庫 1托嚣、存儲大數(shù)據(jù)量,增刪改查厚骗,常見管理系統(tǒng):Oracle示启、MSSQLServer、DB...
    CYC666閱讀 937評論 0 1
  • 我們在上一篇《通過代碼自定義不等高cell》中學習了tableView的相關知識溯捆,本文將在上文的基礎上丑搔,利用sto...
    啊世ka閱讀 1,506評論 2 7
  • 跋闷啊!捌≡隆煮仇!啊谎仲!就是這樣浙垫,美麗在,人間郑诺,在夹姥,人間。罢薜辙售!啊飞涂!暗┎俊!多么较店,美麗的士八,人間。人間梁呈。
    王密亮閱讀 147評論 0 4