ios swfit-如何简单通过UIScrollView实现滑动横行换界面

ios-swfit-如何简单通过UIScrollView实现滑动横行换界面

在项目中遇到了这个需求，一直没有找到简单的办法，这个办法应该是十分简单的

效果图：

ps：这两个界面都是项目的一部分，具体还没有完善。。

实现思路

• 头部是自己添加的一些背景和按钮
• 底部采用ScrollView来实现，实例化你想要放的其他子ViewController，然后把view添加到ScrollView 里面，这是contentSize
• 然后点击上面的按钮之后，修改ContentOffset
• 开启分页属性contentScrollView.isPagingEnabled = true

 override func viewDidLoad() {
        super.viewDidLoad()
     // 修饰界面：
        setupView()
        let firstTest = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "home")
        
        let secondTest = SynExercise()
        // 加子视图，然后就可以响应子视图的点击事件了。。
        self.addChild(secondTest)
        
        firstTest.view.frame = CGRect(x: 0, y: 0, width: SCREEN_WIDTH, height: contentScrollView.frame.height)
        
        secondTest.view.frame = CGRect(x: SCREEN_WIDTH, y: 0, width: SCREEN_WIDTH, height: contentScrollView.frame.height)
        
        self.contentScrollView.addSubview(firstTest.view)
        contentScrollView.addSubview(secondTest.view)
        
                // 设置scrollView的属性： 1-2 去掉移动的显示栏，
                //3-4-5禁止弹跳描述的当scrollview的显示超过内容区域的边缘以及返回时，是否有弹性，默认值为YES。值为YES的时候，意味着到达contentSize所描绘的的边界的时候，拖动会产生弹性。值为No的时候，拖动到达边界时，会立即停止。所以，如果在上面的例子当中，将bounces设置为NO时，窗口中是不会显示contentSize范围外的内容的。
        contentScrollView.showsVerticalScrollIndicator = false
        contentScrollView.showsHorizontalScrollIndicator = false
        contentScrollView.alwaysBounceVertical = false
        contentScrollView.alwaysBounceHorizontal = false
        contentScrollView.bounces = false
        
        self.contentScrollView.contentSize = CGSize(width: 2*SCREEN_WIDTH, height: 0)
    }
    
    func setupView(){
    // 这只contentView（ScrollView的fram大小）
        contentScrollView.frame = CGRect(x: 0, y: 118*X_, width: SCREEN_WIDTH, height: SCREEN_HEIGHT-118*X_)
        contentScrollView.isPagingEnabled = true}

欢迎大家有有问题与我讨论，如果对你有帮助，可以点赞
您的点赞就是我最大的动力