使用 UIView 作为子视图的具有水平分页的 UIScrollView

Question

我已经看到了以下问题的答案。我是 swift 编程的新手，我正在尝试实现类似的功能。我只是想知道您是否在 swift 3 Xcode 8 中提供了有关如何实现此目标的任何指导。我一直在寻找合适的解决方案，但一直没有找到。

我正在尝试使用 UIViews 作为 UIscrollviews 的子视图。我还想让每个视图在按下时填满屏幕并显示另一个 UIView。我在 'Tyler the Creator'

的 GOLF 应用程序上看到了类似的功能

我尝试实现的功能如下图所示。

如果您能提供任何帮助，我们将不胜感激。

这是我要创建的功能的表示。

Answer 1

    let scrollView : UIScrollView = UIScrollView(frame: CGRect(x: 80, y: 80, 
    width: 250, height: 300))
    scrollView.isPagingEnabled = true
    scrollView.backgroundColor = .orange
    view.addSubview(scrollView)
    let numberOfPages :Int = 5
    let padding : CGFloat = 15
    let viewWidth = scrollView.frame.size.width - 2 * padding
    let viewHeight = scrollView.frame.size.height - 2 * padding

    var x : CGFloat = 0

    for i in 0...numberOfPages{
        let view: UIView = UIView(frame: CGRect(x: x + padding, y: padding, width: viewWidth, height: viewHeight))
        view.backgroundColor = UIColor.white
        scrollView .addSubview(view)

        x = view.frame.origin.x + viewWidth + padding
    }

    scrollView.contentSize = CGSize(width:x+padding, height:scrollView.frame.size.height)

Answer 2

import UIKit

class ViewController: UIViewController {

@IBOutlet weak var scrollView: UIScrollView!

var colors:[UIColor] = [.red, .blue, .green, .yellow]
var frame: CGRect = CGRect(x: 0, y: 0, width: 0, height: 0)
override func viewDidLoad() {
    super.viewDidLoad()

    scrollView.isPagingEnabled = true
    scrollView.backgroundColor = .orange
    view.addSubview(scrollView)
    let numberOfPages :Int = 3
    let padding : CGFloat = 15
    let viewWidth = scrollView.frame.size.width - 2 * padding
    let viewHeight = scrollView.frame.size.height - 2 * padding

    var x : CGFloat = 0

    for i in 0...numberOfPages{
        let view: UIView = UIView(frame: CGRect(x: x + padding, y: padding, width: viewWidth, height: viewHeight))
        view.backgroundColor = colors[i]
        scrollView .addSubview(view)
        x = view.frame.origin.x + viewWidth + padding
    }

    scrollView.contentSize = CGSize(width:x+padding, height:scrollView.frame.size.height)
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

}

使用 UIView 作为子视图的具有水平分页的 UIScrollView

UIScrollView with horizontal paging using UIView as Subviews

uiscrollview

uiview

ios

subviews

swift3