UITableView 之 UITextView 自動(dòng)行高的實(shí)現(xiàn)

簡(jiǎn)介

開(kāi)發(fā)中會(huì)大量的使用 UITableView,當(dāng)我們有很多的cell,每一行都有一個(gè) UITextView 用來(lái)進(jìn)行稍微重一些的文本編輯庇楞,這個(gè)時(shí)候榜配,你的產(chǎn)品經(jīng)理突然給你說(shuō),我希望這個(gè) UITextView會(huì)隨著書(shū)寫(xiě)內(nèi)容的長(zhǎng)度而自動(dòng)的增高姐刁。(???(??? ;)哈?

為什么要寫(xiě)這個(gè)

因?yàn)槲易约阂舱伊撕镁媒媾疲瑓⒄者^(guò)別人寫(xiě)的一些,但是到我這里都不是特別的實(shí)用聂使,尤其是進(jìn)行數(shù)據(jù)刷新的時(shí)候壁拉,如果你的行高需要改變,你去 reloadData這個(gè)時(shí)候柏靶,鍵盤(pán)會(huì)失去響應(yīng)弃理。就算你這個(gè)時(shí)候再次將鍵盤(pán)設(shè)置為 firstResponser,這個(gè)時(shí)候你的鍵盤(pán)還是會(huì)閃一下,不是很自然屎蜓。所以寫(xiě)了一些小的 demo 痘昌,下面的具體代碼也是針對(duì)這個(gè) demo 的,點(diǎn)擊這里下載

思路

  1. 首先對(duì) TextView 的輸入進(jìn)行監(jiān)聽(tīng),判斷輸入的字?jǐn)?shù)的多少
  2. 根據(jù) UITextView 的字?jǐn)?shù)的多少去動(dòng)態(tài)的修改 UITextView 的 frame
  3. 監(jiān)聽(tīng) UITextView 的高度變化辆苔,如果 UITextView 比你的 cell 還要高的時(shí)候算灸,你需要?jiǎng)討B(tài)的去更新你的 UITableViewCell 的高度

實(shí)現(xiàn)

1.對(duì) UITextView 的輸入進(jìn)行監(jiān)聽(tīng),判斷輸入的字?jǐn)?shù)的多少

前人已經(jīng)有了現(xiàn)成的輪子驻啤,所以不需要你重復(fù)的造輪子菲驴。這里找到一個(gè)很好的自動(dòng)換行的 TextView我們需要使用這個(gè)來(lái)完成我們接下來(lái)的工作

   [textView wzb_autoHeightWithMaxHeight:300 textViewHeightDidChanged:^(CGFloat currentTextViewHeight) {
     //在此處我們已經(jīng)對(duì) UITextView 完成了監(jiān)聽(tīng),接下來(lái)我們就可以修改 UITextView 的 frame 了
}];

2.根據(jù) UITextView 的字?jǐn)?shù)的多少去動(dòng)態(tài)的修改 UITextView 的 frame

__weak typeof (self)WeakSelf = self;
__weak typeof (textView)WeakTextView = textView;    
[textView wzb_autoHeightWithMaxHeight:300 textViewHeightDidChanged:^(CGFloat currentTextViewHeight) {
    CGRect frame = WeakTextView.frame;
    frame.size.height = currentTextViewHeight;
    [UIView animateWithDuration:0.2 animations:^{
        WeakTextView.frame = frame;
        
    } completion:^(BOOL finished) {
    }];

 }];

3.動(dòng)態(tài)的修改cell 的高度

我們需要對(duì)單元格的高度進(jìn)行保存骑冗,然后在刷新行高的時(shí)候把高度取出來(lái)賦值赊瞬。所以我們還需要一個(gè)保存高度的字典dicHeight

 __weak typeof (self)WeakSelf = self;
__weak typeof (textView)WeakTextView = textView;
// 最大高度為300 改變高度的 block
[textView wzb_autoHeightWithMaxHeight:300 textViewHeightDidChanged:^(CGFloat currentTextViewHeight) {
    CGRect frame = WeakTextView.frame;
    frame.size.height = currentTextViewHeight;
    [UIView animateWithDuration:0.2 animations:^{
        WeakTextView.frame = frame;
        
    } completion:^(BOOL finished) {
    }];
    
    NSString *key = [NSString stringWithFormat:@"%@",indexPath];
    NSNumber *height = [NSNumber numberWithFloat:currentTextViewHeight];
    if (WeakSelf.dicHeight[key]) {
        NSNumber *oldHeight = self.dicHeight[key];
        if (oldHeight.floatValue != height.floatValue) {
            [WeakSelf.dicHeight setObject:height forKey:key];
        }
    }
    else{
        [WeakSelf.dicHeight setObject:height forKey:key];
        
    }
    
    [WeakSelf.tableview beginUpdates];
    [WeakSelf.tableview endUpdates];
    
}];

我們使用beginUpdatesendUpdates 。不使用 reloadData贼涩。具體的原因看我之前寫(xiě)的為什么不用 ReloadData巧涧。

接下來(lái)就可以修改行高了

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    NSString *key = [NSString stringWithFormat:@"%@",indexPath];
    if(self.dicHeight[key]){
      NSNumber *number = self.dicHeight[key];
      if (number.floatValue > 44) {
          return number.floatValue;
          }
      }
      return 44;
  }

小彩蛋

通過(guò)這個(gè)你就可以簡(jiǎn)單的知道為什么不能用 reloadData了。使用的時(shí)候把自動(dòng)行高的哪里注釋掉遥倦。簡(jiǎn)單的輸入一些東西做一些嘗試吧谤绳。

  //模擬數(shù)據(jù)刷新
-(void)textViewDidChange:(UITextView *)textView{

//1.reloadData
//[self.tableview reloadData];

 //2.reloadindexpath
 //    NSIndexPath *index = [NSIndexPath indexPathForRow:0 inSection:0];
 //    [self.tableview reloadRowsAtIndexPaths:@[index] withRowAnimation:UITableViewRowAnimationTop];


//3.beginupdate & endupdate
//    [self.tableview beginUpdates];
//    [self.tableview endUpdates];
  
}

總結(jié)

UITableView 作為 iOS 開(kāi)發(fā)中用到的比較多的控件,在具體的使用中總會(huì)出現(xiàn)各種各樣的問(wèn)題谊迄,自動(dòng)行高這里總算是脫坑了闷供。先寫(xiě)到這里

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市统诺,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌疑俭,老刑警劉巖粮呢,帶你破解...
    沈念sama閱讀 219,427評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異钞艇,居然都是意外死亡啄寡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)哩照,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)挺物,“玉大人,你說(shuō)我怎么就攤上這事飘弧∈短伲” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,747評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵次伶,是天一觀的道長(zhǎng)痴昧。 經(jīng)常有香客問(wèn)我,道長(zhǎng)冠王,這世上最難降的妖魔是什么赶撰? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,939評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上豪娜,老公的妹妹穿的比我還像新娘餐胀。我一直安慰自己,他們只是感情好瘤载,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布否灾。 她就那樣靜靜地躺著,像睡著了一般惕虑。 火紅的嫁衣襯著肌膚如雪坟冲。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,737評(píng)論 1 305
  • 那天溃蔫,我揣著相機(jī)與錄音健提,去河邊找鬼。 笑死伟叛,一個(gè)胖子當(dāng)著我的面吹牛私痹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播统刮,決...
    沈念sama閱讀 40,448評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼紊遵,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了侥蒙?” 一聲冷哼從身側(cè)響起暗膜,我...
    開(kāi)封第一講書(shū)人閱讀 39,352評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鞭衩,沒(méi)想到半個(gè)月后学搜,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,834評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡论衍,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評(píng)論 3 338
  • 正文 我和宋清朗相戀三年瑞佩,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坯台。...
    茶點(diǎn)故事閱讀 40,133評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡炬丸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蜒蕾,到底是詐尸還是另有隱情稠炬,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評(píng)論 5 346
  • 正文 年R本政府宣布滥搭,位于F島的核電站酸纲,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏瑟匆。R本人自食惡果不足惜闽坡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評(píng)論 3 331
  • 文/蒙蒙 一栽惶、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧疾嗅,春花似錦外厂、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,022評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至论悴,卻和暖如春掖棉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背膀估。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,147評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工幔亥, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人察纯。 一個(gè)月前我還...
    沈念sama閱讀 48,398評(píng)論 3 373
  • 正文 我出身青樓帕棉,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親饼记。 傳聞我的和親對(duì)象是個(gè)殘疾皇子香伴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評(píng)論 2 355

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

  • 1、通過(guò)CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明先生_X自主閱讀 15,982評(píng)論 3 119
  • 2017.02.22 可以練習(xí)具则,每當(dāng)這個(gè)時(shí)候即纲,腦袋就犯困,我這腦袋真是神奇呀博肋,一說(shuō)讓你做事情崇裁,你就犯困,你可不要太...
    Carden閱讀 1,346評(píng)論 0 1
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)束昵、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,107評(píng)論 4 62
  • (1) 最近愛(ài)上看一部選秀類節(jié)目——明日之子礁遵。我其實(shí)是很少看這種類型的綜藝的,上次看還是xxx屆快樂(lè)男聲采记,那時(shí)候很...
    姑娘二十歲閱讀 684評(píng)論 14 7
  • “光緒年間……距離現(xiàn)在多少年了佣耐?”朋友C在古玩店老板的小屋里舉著高約尺許的清代水煙壺。 “130年左右吧唧龄〖孀”我說(shuō)。...
    麻仁湯圓閱讀 1,851評(píng)論 4 39