iOS 吸頂硼婿,雙 ScrollView 處理

向上滾動時(shí)锌半,先 rootScrollView 向上滾動,等到 header 消失加酵,containerScrollView 到達(dá)頂部時(shí)拳喻,containerScrollView 再開始滾動。向下滾動時(shí)猪腕,等到 containerScrollView 滾動到頂部不能繼續(xù)滾動時(shí)冗澈,rootScrollView 才可以開始滾動,顯示 header陋葡。

方法
根據(jù) scrollView 的都偏移量亚亲,設(shè)置 rootScrollView 和 containerScrollView 的 isScrollEnabled。缺點(diǎn):scrollView 的 isScrollEnabled 切換時(shí)腐缤,平移手勢會中斷捌归,滾動不連貫。

rootScrollView 和 containerScrollView 可以同時(shí)識別平移手勢岭粤,限制其 contentOffset 惜索。(下面會詳細(xì)描述)

設(shè)置 rootScrollView 和 containerScrollView 可以同時(shí)滾動
containerScrollView.bounces = false,否則也會出現(xiàn)滑動不連貫
rootScrollView 可以滾動時(shí)剃浇,containerScrollView 不能滾動巾兆,保持 contentOffset 不變
containerScrollView 可以滾動時(shí),rootScrollView 不能滾動虎囚,保持 contentOffset 不變
代碼實(shí)例
設(shè)置 rootScrollView 和 containerScrollView 可以同時(shí)滾動
只要其中一個(gè) scrollView 實(shí)現(xiàn)了 UIGestureRecognizerDelegate角塑,并且 gestureRecognizer(_:shouldRecognizeSimultaneouslyWith otherGestureRecognizer:) 允許和另一個(gè) scrollView 同時(shí)識別平移手勢。這里簡單起見淘讥,直接返回 true圃伶。

class MyScrollView: UIScrollView, UIGestureRecognizerDelegate {
func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
return true
}
}

rootScrollView 可以滾動時(shí),containerScrollView 不能滾動,保持 contentOffset 不變
保持 containerScrollView 的 contentOffset.y 不變窒朋,在 containerScrollView 的 delegate 的 scrollViewDidScroll(:) 中設(shè)置 contentOffset.y = 0搀罢。在設(shè)置之前,要判斷 containerScrollView 能否滾動炼邀。不能根據(jù) containerScrollView.contentOffset.y 判斷魄揉,因?yàn)檫M(jìn)入 scrollViewDidScroll(:) 時(shí),containerScrollView.contentOffset.y 已經(jīng)發(fā)生改變拭宁。所以判斷條件為洛退,rootScrollView.contentOffset.y 等于 containerScrollView 在 rootScrollView 中的偏移量時(shí),containerScrollView 可以滾動杰标。

var containerScrollViewOffsetY: CGFloat {
    return containerScrollView.convert(containerScrollView.bounds, to: rootScrollView).minY
}

func canContainerScrollViewScroll() -> Bool {
    return rootScrollView.contentOffset.y >= containerScrollViewOffsetY
}

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    if scrollView === containerScrollView {
        guard !canContainerScrollViewScroll() else {
            return
        }
        containerScrollView.contentOffset.y = 0
    }
}

containerScrollView 可以滾動時(shí)兵怯,rootScrollView 不能滾動,保持 contentOffset 不變
同理腔剂,在 rootScrollView 的 scrollViewDidScroll(_:) 中媒区,不能根據(jù) rootScrollView.contentOffset.y 判斷 rootScrollView 是否可以滾動,而是通過
containerScrollView.contentOffset.y == 0 判斷掸犬。

func canRootScrollViewScroll() -> Bool {
    return containerScrollView.contentOffset.y == 0
}

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    if scrollView === rootScrollView {
        guard !canRootScrollViewScroll() else {
            return
        }
        scrollView.contentOffset.y = containerScrollViewOffsetY
    }
}

完整代碼

import UIKit
import SnapKit

class ViewController: UIViewController {

let rootScrollView = MyScrollView()
let headerView = UIView()
let containerScrollView = UIScrollView()
let label = UILabel()

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view.
    
    setupUI()
}

func setupUI() {
    let rootView = UIView()
    view.addSubview(rootView)
    rootView.snp.makeConstraints { make in
        make.edges.equalTo(view.safeAreaLayoutGuide)
    }
    
    rootView.addSubview(rootScrollView)
    rootScrollView.addSubview(headerView)
    rootScrollView.addSubview(containerScrollView)
    containerScrollView.addSubview(label)
    
    rootScrollView.snp.makeConstraints { make in
        make.edges.equalToSuperview()
    }
    rootScrollView.delegate = self

// rootScrollView.bounces = false

    headerView.backgroundColor = .blue
    headerView.snp.makeConstraints { make in
        make.left.right.top.equalToSuperview()
        make.width.equalTo(rootView)
        make.height.equalTo(100)
    }
    
    containerScrollView.snp.makeConstraints { make in
        make.left.right.bottom.equalToSuperview()
        make.top.equalTo(headerView.snp.bottom)
        make.height.equalTo(rootView)
    }
    containerScrollView.delegate = self
    // 2. containerScrollView.bounces = false
    containerScrollView.bounces = false
    
    label.snp.makeConstraints { make in
        make.width.equalTo(rootView)
        make.edges.equalToSuperview()
    }
    label.numberOfLines = 0
    var text = ""
    for i in 1...100 {
        text += "\(i)\n"
    }
    label.text = text
    label.backgroundColor = .lightGray
}

var containerScrollViewOffsetY: CGFloat {
    return containerScrollView.convert(containerScrollView.bounds, to: rootScrollView).minY
}

func canRootScrollViewScroll() -> Bool {
    return containerScrollView.contentOffset.y == 0
}

func canContainerScrollViewScroll() -> Bool {
    return rootScrollView.contentOffset.y >= containerScrollViewOffsetY
}

}

extension ViewController: UIScrollViewDelegate {
func scrollViewDidScroll(_ scrollView: UIScrollView) {
if scrollView === rootScrollView {
guard !canRootScrollViewScroll() else {
return
}
// 4. scrollView 不能滾動袜漩,保持 contentOffset 不變
scrollView.contentOffset.y = containerScrollViewOffsetY
} else if scrollView === containerScrollView {
guard !canContainerScrollViewScroll() else {
return
}
// 3. containerScrollView 不能滾動,保持 contentOffset 不變
containerScrollView.contentOffset.y = 0
}
}
}

class MyScrollView: UIScrollView, UIGestureRecognizerDelegate {
// 1. 設(shè)置 rootScrollView 和 containerScrollView 可以同時(shí)滾動
func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
return true
}
}

作者:藍(lán)色的海洋_11fb
鏈接:http://www.reibang.com/p/b2bcffafafc5
來源:簡書
著作權(quán)歸作者所有湾碎。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)宙攻,非商業(yè)轉(zhuǎn)載請注明出處。

想要知道tableView是否滑動到了底部,我們需要先了解一些有關(guān)于scrollView的概念(UITableView繼承自UIScrollView)(查了資料后的個(gè)人理解.如有不對請幫忙指出)

contentSize: 可以滾動的區(qū)域

contentOffset: scrollView頂點(diǎn)相對于contentView頂點(diǎn)的偏移量

contentInset: contentView四周距離scrollView的距離.

image

知道了這幾個(gè)詞的概念后,我們回到tableView上來.

首先,使用- (void)scrollViewDidScroll:(UIScrollView*)scrollView監(jiān)聽tableView的滾動,并打印scrollView.contentOffset的y值和scrollView.contentSize的height值,在往底部滾動的過程中,會發(fā)現(xiàn),scrollView.contentOffset.y越來越大,越來越接近scrollView.contentSize.height的值.直到滾到底部,兩者相差一個(gè)屏幕的高度(我使用6測試的)

image

通過畫圖分析,也不難得出結(jié)果

image

為使容判斷到達(dá)底部的容錯(cuò)能力稍強(qiáng),兩者相減<=ScreenWidth + 1,就可以得到比較準(zhǔn)確的效果了.而且因?yàn)橛袝r(shí),這兩個(gè)值相減不一定是整數(shù),+1也是為了避免因?yàn)檫@種情況出現(xiàn)導(dǎo)致判斷錯(cuò)誤.

判斷代碼:

if(delta <= 1 + [UIScreen mainScreen].bounds.size.height)

{

    NSLog(@"YES");

}

else

{

    NSLog(@"NO");

}

以上只分析了contentInset四個(gè)值都為0的情況.設(shè)置了contentInset也同理可以通過打印值,修改判斷的條件得到答案.

</article>

11人點(diǎn)贊

iOS

作者:Accepted_
鏈接:http://www.reibang.com/p/7b095d12235c
來源:簡書
著作權(quán)歸作者所有介褥。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)座掘,非商業(yè)轉(zhuǎn)載請注明出處。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末柔滔,一起剝皮案震驚了整個(gè)濱河市溢陪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌睛廊,老刑警劉巖形真,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異超全,居然都是意外死亡咆霜,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門卵迂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來裕便,“玉大人绒净,你說我怎么就攤上這事见咒。” “怎么了挂疆?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵改览,是天一觀的道長下翎。 經(jīng)常有香客問我,道長宝当,這世上最難降的妖魔是什么视事? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮庆揩,結(jié)果婚禮上俐东,老公的妹妹穿的比我還像新娘。我一直安慰自己订晌,他們只是感情好虏辫,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著锈拨,像睡著了一般砌庄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上奕枢,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天娄昆,我揣著相機(jī)與錄音,去河邊找鬼缝彬。 笑死萌焰,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的跌造。 我是一名探鬼主播杆怕,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼壳贪!你這毒婦竟也來了陵珍?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤违施,失蹤者是張志新(化名)和其女友劉穎互纯,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體磕蒲,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡留潦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辣往。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片兔院。...
    茶點(diǎn)故事閱讀 39,696評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖站削,靈堂內(nèi)的尸體忽然破棺而出坊萝,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布十偶,位于F島的核電站菩鲜,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏惦积。R本人自食惡果不足惜接校,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望狮崩。 院中可真熱鬧蛛勉,春花似錦、人聲如沸睦柴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽爱只。三九已至皿淋,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間恬试,已是汗流浹背窝趣。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留训柴,地道東北人哑舒。 一個(gè)月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像幻馁,于是被迫代替她去往敵國和親洗鸵。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評論 2 353

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