詳細(xì)實現(xiàn)微信輸入框效果(textView自適應(yīng)文字高度)

前言

最近會不斷推出一些輪子,這次寫了一個控件,類似微信輸入框秕噪,評論View,隨著文字增加,textView自增長高度厚宰,
如果喜歡我的文章腌巾,可以關(guān)注我微博:袁崢Seemygo

Demo效果:

效果圖.gif

Demo演示:

1.添加底部View,到最底部

  • 1.1 底部View都是顯示到最下面,并且都是固定死的,采用Xib或者storyboard搭建
1.png

2.搭建底部View

2.png
3.png

3.拖線

  • 3.1 獲取底部View距離底部的約束固阁,做鍵盤彈出效果壤躲,底部View隨著鍵盤彈出城菊,而往上移動效果
4.png
    // 監(jiān)聽鍵盤彈出
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillChangeFrame:) name:UIKeyboardWillChangeFrameNotification object:nil];
    
    // 鍵盤彈出會調(diào)用
- (void)keyboardWillChangeFrame:(NSNotification *)note
{
    // 獲取鍵盤frame
    CGRect endFrame = [note.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    
    // 獲取鍵盤彈出時長
    CGFloat duration = [note.userInfo[UIKeyboardAnimationDurationUserInfoKey] floatValue];
    
    // 修改底部視圖距離底部的間距
    _bottomCons.constant = _bottomCons.constant == 0?endFrame.size.height:0;
    
    // 約束動畫
    [UIView animateWithDuration:duration animations:^{
        [self.view layoutIfNeeded];
    }];
}


  • 3.2 獲取底部View高度的約束备燃,當(dāng)文字修改,去修改底部View整體高度
5.png
  • 3.3 獲取文本框輸入框
6.png

4.監(jiān)聽文本輸入框凌唬,文字高度改變

  • 修改底部高度約束就好了
    // 監(jiān)聽文本框文字高度改變
    _inputView.yz_textHeightChangeBlock = ^(NSString *text,CGFloat textHeight){
        // 文本框文字高度改變會自動執(zhí)行這個block并齐,修改底部View的高度
        // 設(shè)置底部條的高度 = 文字高度 + textView距離上下間距高度(10 = 上(5)下(5)間距總和)
        _bottomHCons.constant = textHeight + 10;
    };


源碼

點(diǎn)擊這下載源代碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末漏麦,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子况褪,更是在濱河造成了極大的恐慌撕贞,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件测垛,死亡現(xiàn)場離奇詭異捏膨,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)食侮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進(jìn)店門号涯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人锯七,你說我怎么就攤上這事链快。” “怎么了眉尸?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵域蜗,是天一觀的道長。 經(jīng)常有香客問我噪猾,道長霉祸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任畏妖,我火速辦了婚禮脉执,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘戒劫。我一直安慰自己半夷,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布迅细。 她就那樣靜靜地躺著巫橄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪茵典。 梳的紋絲不亂的頭發(fā)上湘换,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天,我揣著相機(jī)與錄音统阿,去河邊找鬼彩倚。 笑死,一個胖子當(dāng)著我的面吹牛扶平,可吹牛的內(nèi)容都是我干的帆离。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼结澄,長吁一口氣:“原來是場噩夢啊……” “哼哥谷!你這毒婦竟也來了岸夯?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤们妥,失蹤者是張志新(化名)和其女友劉穎猜扮,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體监婶,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡旅赢,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了惑惶。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鲜漩。...
    茶點(diǎn)故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖集惋,靈堂內(nèi)的尸體忽然破棺而出孕似,到底是詐尸還是另有隱情,我是刑警寧澤刮刑,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布喉祭,位于F島的核電站,受9級特大地震影響雷绢,放射性物質(zhì)發(fā)生泄漏泛烙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一翘紊、第九天 我趴在偏房一處隱蔽的房頂上張望蔽氨。 院中可真熱鬧,春花似錦帆疟、人聲如沸鹉究。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽自赔。三九已至,卻和暖如春柳琢,著一層夾襖步出監(jiān)牢的瞬間绍妨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工柬脸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留他去,地道東北人。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓倒堕,卻偏偏與公主長得像灾测,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子涩馆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評論 2 345

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