本文共 1860 字，大约阅读时间需要 6 分钟。

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}

欢迎大家有有问题与我讨论，如果对你有帮助，可以点赞

转载地址：http://cjywi.baihongyu.com/