webView和tableView嵌套使用.

項目需求就是上面是webView.下面是tableView,然后下拉到webView消失就正常顯示為tableView.可下拉刷新.拉到一定值的時候.讓其滾動到webView最頂層.

需求效果.png

下拉到webView完全消失.就讓切換的View成為titleView.


組頭變?yōu)閠itleView.png

此時正常為tableView的使用,當(dāng)下拉到一定層度的時候.讓組頭還原,并且webView置頂.


QQ20161121-6.png
QQ20161121-5.png

整體思路:
1.一個tableview.讓webView作為headView.
2.讓切換排行榜和最新上傳的view作為組頭
3.下面只有一個tableViewCell,里面是一個collectionView.
4.collectionView里面有兩個cell,并且每一個cell里面對應(yīng)兩個控制器的view,
5.然后切換按鈕,聯(lián)動偏移collectionView,
(下面把最外層的tableView叫做大tableView,另外兩個叫小tableView)

有一個地方需要注意:
下面嵌入的是tableview.當(dāng)整個tableView下拉到webView消失的時候,下拉只是刷新的效果.并不會回到webView的頂部.

下拉刷新.png

需求就是拉到100以下.就是刷新,100以上就是置頂?shù)絯ebView,(這個100根據(jù)你們項目需求,我個人測試過.100還不錯)

在兩個小 talView的控制器里面的scrollView代理方法中做回調(diào).
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { NSLog(@"===>%f",scrollView.contentOffset.y); if (scrollView.contentOffset.y <= -100) { //回調(diào)偏移 if (_topBlock != nil) { _topBlock(); } } }
在大的tabView的控制器實現(xiàn).collectionView的代理方法:
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { //自定義cell. UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:TableViewID forIndexPath:indexPath]; if (indexPath.item == 0) { //創(chuàng)建一個主頁子控制器. [cell.contentView addSubview:self.childListVC.view]; }else { [cell.contentView addSubview:self.childUploadVC.view]; } return cell; }

回調(diào)實現(xiàn):
_childListVC.topBlock = ^{ [weakSelf didTopButton]; };

大的tableView置頂
-(void)didTopButton { [_tableView setContentOffset:CGPointMake(0, 0) animated:YES]; }

在大的tableView里面的ScrollViewDelegate代理方法切換titleView.
-(void)scrollViewDidScroll:(UIScrollView *)scrollView { if ([scrollView isKindOfClass:[UICollectionView class]]) { if (scrollView.contentOffset.x > screen_width * 0.5) { _newLoadBtn.selected = YES; _listBtn.selected = NO; [UIView animateWithDuration:0.5 animations:^{ self.slidingView.transform = CGAffineTransformMakeTranslation(screen_width*0.5 -60, 0); }]; }else{ _listBtn.selected = YES; _newLoadBtn.selected = NO; [UIView animateWithDuration:0.5 animations:^{ self.slidingView.transform = CGAffineTransformIdentity; }]; } }else if([scrollView isKindOfClass:[UITableView class]]) { if (scrollView.contentOffset.y >= _headerView.height) { //那么就讓其title更改. if (_isTableTitleView == NO) { self.sectionBackView.frame = CGRectMake(0, 0, screen_width - 120, 30); self.navigationItem.titleView = self.sectionBackView;//更改titleView _isTableTitleView = YES; } }else{ if (_isTableTitleView == YES) { self.navigationItem.titleView = self.titleLableView;//還原為文字的View. self.sectionBackView.frame = CGRectMake(60, 15, screen_width - 120, 30); [self.sectionView addSubview:self.sectionBackView]; _isTableTitleView = NO; } } } }
注意:title的切換.最好都用titleView.如果一個是title.一個是titleView.不方便切換.我反正沒有搞成功,你們可以試試.

效果圖1.gif

github賬號忘記了.申請了一個新的.需要demo的可以留言郵箱.我發(fā)盡快發(fā)過去.

注:只為成長記錄:希望能得到您們的寶貴意見.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末右锨,一起剝皮案震驚了整個濱河市渡处,隨后出現(xiàn)的幾起案子蚀浆,更是在濱河造成了極大的恐慌罗岖,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機看尼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門递鹉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人藏斩,你說我怎么就攤上這事躏结。” “怎么了狰域?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵媳拴,是天一觀的道長黄橘。 經(jīng)常有香客問我,道長屈溉,這世上最難降的妖魔是什么塞关? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮子巾,結(jié)果婚禮上帆赢,老公的妹妹穿的比我還像新娘。我一直安慰自己线梗,他們只是感情好椰于,可當(dāng)我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著仪搔,像睡著了一般瘾婿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上烤咧,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天偏陪,我揣著相機與錄音,去河邊找鬼髓削。 笑死竹挡,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的立膛。 我是一名探鬼主播揪罕,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼宝泵!你這毒婦竟也來了好啰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤儿奶,失蹤者是張志新(化名)和其女友劉穎框往,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闯捎,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡椰弊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了瓤鼻。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秉版。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖茬祷,靈堂內(nèi)的尸體忽然破棺而出清焕,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布秸妥,位于F島的核電站滚停,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏粥惧。R本人自食惡果不足惜键畴,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望影晓。 院中可真熱鬧镰吵,春花似錦、人聲如沸挂签。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽饵婆。三九已至勺馆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間侨核,已是汗流浹背草穆。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留搓译,地道東北人悲柱。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像些己,于是被迫代替她去往敵國和親豌鸡。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,486評論 2 348

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