ios-scrollView的懸停處理

前言:發(fā)現(xiàn)在很多的app中都會采用到這個(gè)scrollview懸停(想了解的看一看)

Snip20160616_2.png
Snip20160616_3.png
#import "ViewController.h"

@interface ViewController ()<UIScrollViewDelegate>
@property (nonatomic, strong) UIScrollView *scView;
@property (nonatomic, strong) UIView *topView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    UIScrollView *scView = [[UIScrollView alloc]initWithFrame:[UIScreen mainScreen].bounds];
    [self.view addSubview:scView];
    scView.backgroundColor = [UIColor redColor];
    scView.contentSize = CGSizeMake(self.view.frame.size.width, 1000);
    //創(chuàng)建一個(gè)button
    UIButton *but = [[UIButton alloc]initWithFrame:CGRectMake(100, 400, 100, 100)];
    [scView addSubview:but];
    but.backgroundColor = [UIColor greenColor];
    //創(chuàng)建頂部的條
    UIView *topView = [[UIView alloc]initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, 50)];
    topView.backgroundColor = [UIColor greenColor];
    [scView addSubview:topView];
    self.topView = topView;
    self.scView = scView;
    self.scView.delegate = self;
    
}
#pragma scrollViewDelegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    if (self.scView.contentOffset.y > 100) {
        self.topView.frame = CGRectMake(0, 0, self.view.frame.size.width, 50) ;
        [self.view addSubview:self.topView];
    }else{
        self.topView.frame = CGRectMake(0, 100, self.view.frame.size.width, 50) ;
        [self.scView addSubview:self.topView];
    
    }

}

@end
基本思路就是代理監(jiān)聽scrollview滑動時(shí)的偏移量向拆,如果偏移量大于懸浮控件到屏幕頂端的距離灭袁,那么就將懸浮控件添加到根控制的view,如果偏移量小于這個(gè)距離時(shí),再把懸浮控件添加到最表面的scrollView,注意:懸浮控件每次更改父控件時(shí)候都需要更改自己的坐標(biāo)。
工程地址代碼下載
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末刻帚,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子涩嚣,更是在濱河造成了極大的恐慌崇众,老刑警劉巖掂僵,帶你破解...
    沈念sama閱讀 211,376評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異校摩,居然都是意外死亡看峻,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評論 2 385
  • 文/潘曉璐 我一進(jìn)店門衙吩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人溪窒,你說我怎么就攤上這事坤塞。” “怎么了澈蚌?”我有些...
    開封第一講書人閱讀 156,966評論 0 347
  • 文/不壞的土叔 我叫張陵摹芙,是天一觀的道長。 經(jīng)常有香客問我宛瞄,道長浮禾,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,432評論 1 283
  • 正文 為了忘掉前任份汗,我火速辦了婚禮盈电,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘杯活。我一直安慰自己匆帚,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,519評論 6 385
  • 文/花漫 我一把揭開白布旁钧。 她就那樣靜靜地躺著吸重,像睡著了一般。 火紅的嫁衣襯著肌膚如雪歪今。 梳的紋絲不亂的頭發(fā)上嚎幸,一...
    開封第一講書人閱讀 49,792評論 1 290
  • 那天,我揣著相機(jī)與錄音寄猩,去河邊找鬼嫉晶。 笑死,一個(gè)胖子當(dāng)著我的面吹牛焦影,可吹牛的內(nèi)容都是我干的车遂。 我是一名探鬼主播,決...
    沈念sama閱讀 38,933評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼斯辰,長吁一口氣:“原來是場噩夢啊……” “哼舶担!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起彬呻,我...
    開封第一講書人閱讀 37,701評論 0 266
  • 序言:老撾萬榮一對情侶失蹤衣陶,失蹤者是張志新(化名)和其女友劉穎柄瑰,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體剪况,經(jīng)...
    沈念sama閱讀 44,143評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡教沾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,488評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了译断。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片授翻。...
    茶點(diǎn)故事閱讀 38,626評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖孙咪,靈堂內(nèi)的尸體忽然破棺而出堪唐,到底是詐尸還是另有隱情,我是刑警寧澤翎蹈,帶...
    沈念sama閱讀 34,292評論 4 329
  • 正文 年R本政府宣布淮菠,位于F島的核電站,受9級特大地震影響荤堪,放射性物質(zhì)發(fā)生泄漏合陵。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,896評論 3 313
  • 文/蒙蒙 一澄阳、第九天 我趴在偏房一處隱蔽的房頂上張望拥知。 院中可真熱鬧,春花似錦寇荧、人聲如沸举庶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽户侥。三九已至,卻和暖如春峦嗤,著一層夾襖步出監(jiān)牢的瞬間蕊唐,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工烁设, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留替梨,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓装黑,卻偏偏與公主長得像副瀑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子恋谭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,494評論 2 348

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,757評論 25 707
  • 01 前些天信认,支付寶推送了一組海報(bào),主題是“年紀(jì)越大均抽,越?jīng)]有人原諒你的窮”嫁赏,每一張海報(bào)的文案都能把你的心扎成馬蜂窩...
    衷曲無聞閱讀 27,821評論 315 987
  • “長期睡眠不足與睡眠質(zhì)量過差引起了癌細(xì)胞突變,建議你立即停工住院治療油挥×视”醫(yī)生的話猶如一道驚雷在荔枝耳邊炸響,瞳孔忽...
    離楠閱讀 214評論 2 1
  • 1.好久沒有像今天這樣深寥,能在下午大睡一覺啦护蝶!幸福!以前寶貝們晚上睡覺比較早翩迈,大概七點(diǎn)多就開始睡覺了,而自己總能躺在...
    華麗的美麗麗閱讀 172評論 0 0