iOS 如何讓ScrollView的子視圖不跟著一起滑動(dòng)(美團(tuán)外賣的小腳丫)

效果圖.gif

經(jīng)常看到有tableView的headView向上滑動(dòng)時(shí)是壓在tableview下面的,閑來無事就寫了一下。

有兩個(gè)問題需要解決:

1.如何把視圖加在tableview上但是tableview滑動(dòng)時(shí)做為子視圖的headview還不跟著滑動(dòng)。
2.如何設(shè)置tableview的起始位置锐锣,把headView 暴露出來,并且當(dāng)tableview向上滑動(dòng)時(shí)tableview不會(huì)回彈绳瘟。

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    self.navigationController.navigationBarHidden = YES;
    UITableView *tableView = [UITableView new];
    tableView.frame = self.view.frame;
    
    [self.view addSubview:tableView];
    tableView.delegate = self;
    tableView.dataSource = self;
    
    UIImageView *view = [[UIImageView alloc] initWithFrame:(CGRectMake(0, -200, DZHWidth, 200))];
    view.image = [UIImage imageNamed:@"scrollImage1.jpg"];
    
    [tableView insertSubview:view atIndex:0];
   
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.view).offset(20);
        make.right.left.equalTo(self.view);
        make.height.mas_equalTo(200);
    }];
    tableView.contentInset = UIEdgeInsetsMake(200, 0, 0, 0);

    self.tableView = tableView;
    self.tableView.bounces = false;

}
  • 先說一下第一個(gè)問題雕憔,如何在scrollView 上添加不跟著滑動(dòng)的子視圖:這里想到的解決辦法是添加約束,雖然headview是添加在scrollView 上糖声,但是headview的約束卻是參照self.view來添加的斤彼,所以無論tableView怎么滑動(dòng)headview都不會(huì)變。(masonry,設(shè)置頂部距離self.view距離為20蘸泻,所以位置就固定下來了琉苇,只要self.view不動(dòng)headView就肯定不會(huì)動(dòng))
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.view).offset(20);
        make.right.left.equalTo(self.view);
        make.height.mas_equalTo(200);
    }];
  • 第二個(gè)問題是如何把headview暴露出來
    [tableView insertSubview:view atIndex:0];
    tableView.contentInset = UIEdgeInsetsMake(200, 0, 0, 0);

主要是設(shè)置一下tableview的content inset,讓他距離上方留下head view高度(200)的距離悦施。
這里測(cè)試了tableview addsubview 和 tableview.tableHeadView 雖然都可以添加到tableView上并扇,但是headView會(huì)在tableViewCell的上層,不能實(shí)現(xiàn)把headview壓在下方的效果抡诞。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末穷蛹,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子昼汗,更是在濱河造成了極大的恐慌肴熏,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,734評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件顷窒,死亡現(xiàn)場(chǎng)離奇詭異蛙吏,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)鞋吉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門出刷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人坯辩,你說我怎么就攤上這事”老溃” “怎么了漆魔?”我有些...
    開封第一講書人閱讀 164,133評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我改抡,道長(zhǎng)矢炼,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,532評(píng)論 1 293
  • 正文 為了忘掉前任阿纤,我火速辦了婚禮句灌,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘欠拾。我一直安慰自己胰锌,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評(píng)論 6 392
  • 文/花漫 我一把揭開白布藐窄。 她就那樣靜靜地躺著资昧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪荆忍。 梳的紋絲不亂的頭發(fā)上格带,一...
    開封第一講書人閱讀 51,462評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音刹枉,去河邊找鬼叽唱。 笑死,一個(gè)胖子當(dāng)著我的面吹牛微宝,可吹牛的內(nèi)容都是我干的棺亭。 我是一名探鬼主播,決...
    沈念sama閱讀 40,262評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼芥吟,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼侦铜!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起钟鸵,我...
    開封第一講書人閱讀 39,153評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤钉稍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后棺耍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體贡未,經(jīng)...
    沈念sama閱讀 45,587評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評(píng)論 3 336
  • 正文 我和宋清朗相戀三年蒙袍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了俊卤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,919評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡害幅,死狀恐怖消恍,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情以现,我是刑警寧澤狠怨,帶...
    沈念sama閱讀 35,635評(píng)論 5 345
  • 正文 年R本政府宣布约啊,位于F島的核電站,受9級(jí)特大地震影響佣赖,放射性物質(zhì)發(fā)生泄漏恰矩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評(píng)論 3 329
  • 文/蒙蒙 一憎蛤、第九天 我趴在偏房一處隱蔽的房頂上張望外傅。 院中可真熱鬧,春花似錦俩檬、人聲如沸萎胰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽奥洼。三九已至,卻和暖如春晚胡,著一層夾襖步出監(jiān)牢的瞬間灵奖,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工估盘, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留瓷患,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,048評(píng)論 3 370
  • 正文 我出身青樓遣妥,卻偏偏與公主長(zhǎng)得像擅编,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子箫踩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評(píng)論 2 354

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