iOS表單列表樣式鍵盤遮擋問題完美方案

前言

??近期參與了一個(gè)招聘類app的開發(fā)淆攻,注冊(cè)流程比較多,基本都是cell帶輸入框的表單列表樣式嘿架,避免不了的就會(huì)遇到鍵盤遮擋問題瓶珊。相信大家也一定遇到過類似的問題,今天在這里就給大家分享一下耸彪,這個(gè)問題的解決思路伞芹。

實(shí)現(xiàn)方案

??我們先來分析一下這個(gè)需求,首先蝉娜,這個(gè)表單是一個(gè)列表list(UITableView或者UICollectionView)唱较,如圖1所示,當(dāng)用戶點(diǎn)擊輸入框1召川、2南缓、3、4荧呐、5的時(shí)候汉形,彈出鍵盤但不會(huì)被遮擋,這種情況倍阐,不用做處理概疆,當(dāng)用戶點(diǎn)擊輸入框6、7峰搪、8岔冀,彈出鍵盤會(huì)遮擋輸入框,想要讓輸入框顯示出來概耻,我們有兩個(gè)辦法使套,第一可以向上修改整個(gè)列表view的frame的y值,第二可以修改列表的contentoffset的y值咐蚯,都可以達(dá)到效果童漩,下邊我們選擇第二種方式來實(shí)現(xiàn)我們的需求。

具體實(shí)現(xiàn)分以下幾步:

  1. 監(jiān)聽鍵盤彈起和收起事件
  2. 計(jì)算鍵盤高度
  3. 計(jì)算contentoffset的y值要改變的差值并修改contentoffset的值
  4. 滑動(dòng)列表時(shí)收起鍵盤
  5. 鍵盤收起時(shí)還原contentoffset的值
圖1

下面一起來通過代碼實(shí)現(xiàn)這個(gè)5步
第一步__設(shè)置監(jiān)聽

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardAction:) name:UIKeyboardWillShowNotification object:nil];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardAction:) name:UIKeyboardWillHideNotification object:nil];

第二步__計(jì)算高度

// 鍵盤監(jiān)聽事件
- (void)keyboardAction:(NSNotification*)sender{
    NSDictionary *useInfo = [sender userInfo];
    NSValue *value = [useInfo objectForKey:UIKeyboardFrameEndUserInfoKey];
   //鍵盤高度
    CGFloat height = [value CGRectValue].size.height;
    if ([sender.name isEqualToString:UIKeyboardWillShowNotification]) {
         //鍵盤彈起時(shí)
    } else {
         //鍵盤收起時(shí)
    }    
}

第三步__計(jì)算contentoffset的y值要改變的差值并修改contentoffset的值
??我們以點(diǎn)擊第7個(gè)輸入框?yàn)槔悍妫?dāng)點(diǎn)擊第7個(gè)輸入框的時(shí)候矫膨,我們想要的效果是讓第7個(gè)輸入框跑到鍵盤上邊,如圖2所示

圖2

??那么這里我們就要計(jì)算一下需要向上移動(dòng)的距離delta=3-(2-1),2是list的高度侧馅,1是鍵盤的高度危尿,3是第7個(gè)輸入框所在cell的maxY值-當(dāng)前l(fā)ist的contentoffset的y值,如圖3馁痴,

圖3

??1和2我們很好獲得谊娇,重點(diǎn)是獲取3的值,我們只要獲取到第7個(gè)輸入框所在cell的實(shí)例罗晕,然后通過CGRectGetMaxY(cell.frame)即可獲得此值济欢。下邊是獲取到cell實(shí)例的代碼

- (UICollectionViewCell *)firstResponderCell {
    __block UICollectionViewCell *cell = nil;
    [self.collectionView.visibleCells enumerateObjectsUsingBlock:^(__kindof UICollectionViewCell * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        UICollectionViewCell *visibleCell = obj;
        //焦點(diǎn)所在的textField
        if (visibleCell.textField.isFirstResponder) {
            cell = visibleCell;
        }
    }];
    return cell;
}

??計(jì)算差值改變contentoffset

// 鍵盤監(jiān)聽事件
- (void)keyboardAction:(NSNotification*)sender{
    NSDictionary *useInfo = [sender userInfo];
    NSValue *value = [useInfo objectForKey:UIKeyboardFrameEndUserInfoKey];
    //鍵盤高度
    CGFloat keyboardHeight = [value CGRectValue].size.height;
    //列表的高度
    CGFloat collectionViewHeight = self.collectionView.frame.size.height;
    if ([sender.name isEqualToString:UIKeyboardWillShowNotification]) {
        //鍵盤彈出時(shí)
        //獲取輸入框焦點(diǎn)所在的cell
        UICollectionViewCell *cell  = [self firstResponderCell];
        if (cell) {
           //cell的maxY值
           CGFloat cellMaxY = CGRectGetMaxY(cell.frame)- self.collectionView.contentOffset.y;
            //差值 = 3 -(2-1)
            if (cellMaxY > collectionViewHeight-keyboardHeight) {
                //記錄delta值,鍵盤收起恢復(fù)原來位置時(shí)使用
                self.delta = cellMaxY-(collectionViewHeight-keyboardHeight);
                self.collectionView.contentOffset = CGPointMake(0, self.collectionView.contentOffset.y+self.delta);
            }
        }
    } else {
            //鍵盤收起時(shí)
    }
    
}

第四步__滑動(dòng)列表時(shí)收起鍵盤

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
    UICollectionViewCell *cell = [self firstResponderCell];
    if (cell) {
        [cell.textField resignFirstResponder];        
    }
}

第五步__鍵盤收起時(shí)還原contentoffset的值

 // 鍵盤監(jiān)聽事件
- (void)keyboardAction:(NSNotification*)sender{
    NSDictionary *useInfo = [sender userInfo];
    NSValue *value = [useInfo objectForKey:UIKeyboardFrameEndUserInfoKey];
   //鍵盤高度
    CGFloat keyboardHeight = [value CGRectValue].size.height;
    //列表的高度
    CGFloat collectionViewHeight = self.collectionView.frame.size.height;
    if ([sender.name isEqualToString:UIKeyboardWillShowNotification]) {
        //鍵盤出現(xiàn)時(shí)
    } else {
        //鍵盤收起時(shí)
        //根據(jù)self.delta復(fù)原
        self.collectionView.contentOffset = CGPointMake(0, self.collectionView.contentOffset.y-self.delta);
        self.delta = 0
    }
}

實(shí)現(xiàn)完畢小渊,怎么樣法褥,是不是很簡(jiǎn)單~~~~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市酬屉,隨后出現(xiàn)的幾起案子半等,更是在濱河造成了極大的恐慌,老刑警劉巖呐萨,帶你破解...
    沈念sama閱讀 221,273評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件杀饵,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡谬擦,警方通過查閱死者的電腦和手機(jī)切距,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來怯屉,“玉大人蔚舀,你說我怎么就攤上這事∠锹纾” “怎么了赌躺?”我有些...
    開封第一講書人閱讀 167,709評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)羡儿。 經(jīng)常有香客問我礼患,道長(zhǎng),這世上最難降的妖魔是什么掠归? 我笑而不...
    開封第一講書人閱讀 59,520評(píng)論 1 296
  • 正文 為了忘掉前任缅叠,我火速辦了婚禮,結(jié)果婚禮上虏冻,老公的妹妹穿的比我還像新娘肤粱。我一直安慰自己,他們只是感情好厨相,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評(píng)論 6 397
  • 文/花漫 我一把揭開白布领曼。 她就那樣靜靜地躺著鸥鹉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪庶骄。 梳的紋絲不亂的頭發(fā)上毁渗,一...
    開封第一講書人閱讀 52,158評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音单刁,去河邊找鬼灸异。 笑死,一個(gè)胖子當(dāng)著我的面吹牛羔飞,可吹牛的內(nèi)容都是我干的肺樟。 我是一名探鬼主播,決...
    沈念sama閱讀 40,755評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼褥傍,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼儡嘶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起恍风,我...
    開封第一講書人閱讀 39,660評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎誓篱,沒想到半個(gè)月后朋贬,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,203評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡窜骄,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評(píng)論 3 340
  • 正文 我和宋清朗相戀三年锦募,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片邻遏。...
    茶點(diǎn)故事閱讀 40,427評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡糠亩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出准验,到底是詐尸還是另有隱情赎线,我是刑警寧澤,帶...
    沈念sama閱讀 36,122評(píng)論 5 349
  • 正文 年R本政府宣布糊饱,位于F島的核電站垂寥,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏另锋。R本人自食惡果不足惜滞项,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望夭坪。 院中可真熱鬧文判,春花似錦、人聲如沸室梅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至柜去,卻和暖如春灰嫉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背嗓奢。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工讼撒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人股耽。 一個(gè)月前我還...
    沈念sama閱讀 48,808評(píng)論 3 376
  • 正文 我出身青樓根盒,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親物蝙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子炎滞,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評(píng)論 2 359

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