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}
欢迎大家有有问题与我讨论,如果对你有帮助,可以点赞
您的点赞就是我最大的动力