什么是UIScrollView

什么是UIScrollView

  • 移動設(shè)備的屏幕大小是極其有限的拯钻,因此直接展示在用戶眼前的內(nèi)容也相當(dāng)有限
  • 當(dāng)展示的內(nèi)容較多,超出一個屏幕時椭员,用戶可通過滾動手勢來查看屏幕以外的內(nèi)容
  • 普通的UIView不具備滾動功能,不適合顯示過多的內(nèi)容
  • UIScrollView是一個能夠滾動的視圖控件,可以用來展示大量的內(nèi)容撩幽,并且可以通過滾動查看所有的內(nèi)容
  • 舉例:手機(jī)上的“設(shè)置”
手機(jī)設(shè)置頁面.png

UIScrollView的基本使用

  • UIScrollView的用法很簡單:
    • 將需要展示的內(nèi)容添加到UIScrollView中
    • 設(shè)置UIScrollView的contentSize屬性,告訴UIScrollView所有內(nèi)容的尺寸箩艺,也就是告訴它滾動的范圍(能滾多遠(yuǎn)窜醉,滾到哪里是盡頭)

UIScrollView的常見屬性

@property(nonatomic)CGPoint contentOffset;
 //這個屬性用來表示UIScrollView滾動的位置(其實(shí)就是內(nèi)容左上角與scrollView左上角的間距值)
@property(nonatomic)CGSize contentSize;
 //這個屬性用來表示UIScrollView內(nèi)容的尺寸,滾動范圍(能滾多遠(yuǎn))
@property(nonatomic)UIEdgeInsets contentInset;
//這個屬性能夠在UIScrollView的4周增加額外的滾動區(qū)域艺谆,一般用來避免scrollView的內(nèi)容被其他控件擋住
@property(nonatomic)BOOL bounces;
//設(shè)置UIScrollView是否需要彈簧效果
@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;
//設(shè)置UIScrollView是否能滾動
@property(nonatomic)BOOL showsHorizontalScrollIndicator;
//是否顯示水平滾動條
@property(nonatomic)BOOL showsVerticalScrollIndicator;
//是否顯示垂直滾動條

UIScrollView無法滾動的解決辦法

  • 如果UIScrollView無法滾動榨惰,可能是以下原因:
    • 沒有設(shè)置contentSize
    • scrollEnabled=NO
    • 沒有接收到觸摸事件:userInteractionEnabled=NO

UIScrollView的代理(delegate)

  • 很多時候,我們想在UIScrollView正在滾動 或 滾動到某個位置
    或者 停止?jié)L動 時做一些特定的操作,要想完成上述功能静汤,前提條件就是能夠監(jiān)聽到UIScrollView的整個滾動過程.
  • 當(dāng)UIScrollView發(fā)生一系列的滾動操作時琅催,會自動通知它的代理(delegate)對象,給它的代理發(fā)送相應(yīng)的消息虫给,讓代理得知它的滾動情況.
  • 也就是說藤抡,要想監(jiān)聽UIScrollView的滾動過程,就必須先給UIScrollView設(shè)置一個代理對象狰右,然后通過代理得知UIScrollView的滾動過程
delegate.png

通過storyboard拖線


通過storyboard拖線.png

UIScrollView和控制器

UIS和控制器.png

UIScrollView的縮放原理

UIScrollView的縮放原理.png
  • 當(dāng)用戶在UIScrollView身上使用捏合手勢時杰捂,UIScrollView會給代理發(fā)送一條消息,詢問代理究竟要縮放自己內(nèi)部的哪一個子控件(哪一塊內(nèi)容)
  • 當(dāng)用戶在UIScrollView身上使用捏合手勢時棋蚌,UIScrollView會調(diào)用代理的viewForZoomingInScrollView:方法嫁佳,這個方法返回的控件就是需要進(jìn)行縮放的控件
  • 縮放實(shí)現(xiàn)步驟
    • 1.設(shè)置UIScrollView的id<UISCrollViewDelegate> delegate代理對象

    • 2.設(shè)置minimumZoomScale:縮小的最小比例

    • 3.設(shè)置maximumZoomScale:放大的最大比例

    • 4.讓代理對象實(shí)現(xiàn)下面的方法,返回需要縮放的視圖控件

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;
跟縮放相關(guān)的其他代理方法,縮放完畢的時候調(diào)用 
- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view

正在縮放的時候調(diào)用
- (void)scrollViewDidZoom:(UIScrollView *)scrollView

分頁

只要將UIScrollView的pageEnabled屬性設(shè)置為YES谷暮,UIScrollView會被分割成多個獨(dú)立頁面蒿往,里面的內(nèi)容就能進(jìn)行分頁展示
一般會配合UIPageControl增強(qiáng)分頁效果,UIPageControl常用屬性如下:

//一共有多少頁
@property(nonatomic) NSInteger numberOfPages;
//當(dāng)前顯示的頁碼
@property(nonatomic) NSInteger currentPage; 
//只有一頁時湿弦,是否需要隱藏頁碼指示器
@property(nonatomic) BOOL hidesForSinglePage; 
//其他頁碼指示器的顏色
@property(nonatomic,retain) UIColor *pageIndicatorTintColor;
//當(dāng)前頁碼指示器的顏色
@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;

常見的分頁


常見的分頁png.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瓤漏,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蔬充,老刑警劉巖蝶俱,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異饥漫,居然都是意外死亡榨呆,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進(jìn)店門庸队,熙熙樓的掌柜王于貴愁眉苦臉地迎上來积蜻,“玉大人,你說我怎么就攤上這事彻消「筒穑” “怎么了?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵宾尚,是天一觀的道長丙笋。 經(jīng)常有香客問我,道長煌贴,這世上最難降的妖魔是什么不见? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮崔步,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘缎谷。我一直安慰自己井濒,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布列林。 她就那樣靜靜地躺著瑞你,像睡著了一般。 火紅的嫁衣襯著肌膚如雪希痴。 梳的紋絲不亂的頭發(fā)上者甲,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天,我揣著相機(jī)與錄音砌创,去河邊找鬼虏缸。 笑死,一個胖子當(dāng)著我的面吹牛嫩实,可吹牛的內(nèi)容都是我干的刽辙。 我是一名探鬼主播,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼甲献,長吁一口氣:“原來是場噩夢啊……” “哼宰缤!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤慨灭,失蹤者是張志新(化名)和其女友劉穎朦乏,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體氧骤,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡呻疹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了语淘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诲宇。...
    茶點(diǎn)故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖惶翻,靈堂內(nèi)的尸體忽然破棺而出姑蓝,到底是詐尸還是另有隱情,我是刑警寧澤吕粗,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布纺荧,位于F島的核電站,受9級特大地震影響颅筋,放射性物質(zhì)發(fā)生泄漏宙暇。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一议泵、第九天 我趴在偏房一處隱蔽的房頂上張望占贫。 院中可真熱鬧,春花似錦先口、人聲如沸型奥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽厢汹。三九已至,卻和暖如春谐宙,著一層夾襖步出監(jiān)牢的瞬間烫葬,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工凡蜻, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留搭综,地道東北人。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓划栓,卻偏偏與公主長得像设凹,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子茅姜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,092評論 2 355

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