IOS嵌套scrollview滑动切换页面tab吸顶

原创

已于 2022-05-02 21:52:04 修改 · 3.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ios #objective-c

于 2022-05-02 20:20:24 首次发布

嵌套scrollview, 实现tab吸顶，页面左右滑动切换，上滑tab吸顶，自己研究了一下，下面看看效果

创建一些基本UI

/// 屏幕宽度

let Screen_Width = UIScreen.main.bounds.width

/// 屏幕高度

let Screen_Height = UIScreen.main.bounds.height

class JWDoubleScrollViewVC: UIViewController {

var headView:UIView?

var slideLine:UILabel?

var segBtns = [UIButton]()

var tableviews = [UITableView]()



let segWidth = Screen_Width / 4

let headViewH = 300

let segH = 40

var currentTabIndex = 0

var distance:Int{

get{

return headViewH - segH

}

}



fileprivate var rootScrollView:MyScrollView={

let scrollview = MyScrollView.init()

scrollview.backgroundColor = UIColor.white

scrollview.bounces = false

scrollview.showsVerticalScrollIndicator = false

scrollview.showsHorizontalScrollIndicator = false

return scrollview

}()



fileprivate var containerScrollView:UIScrollView = {

let scrollview = UIScrollView.init()

scrollview.backgroundColor = UIColor.white

scrollview.bounces = false

scrollview.isPagingEnabled = true

scrollview.showsVerticalScrollIndicator = false

scrollview.showsHorizontalScrollIndicator = false

return scrollview

}()



override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view.

self.view.backgroundColor = UIColor.white

self.setupUI()

}



override func viewWillAppear(_ animated: Bool) {

super.viewWillAppear(animated)

rootScrollView.isScrollEnabled = true

}





func setupUI() {



rootScrollView.delegate = self

containerScrollView.delegate = self



let