UIScrollViewで横スクロールのページングを実装する
7374 ワード
デモ
ソースコード
Github: https://github.com/k-yamada/PagingViewController
import UIKit
class ViewController: UIViewController {
@IBOutlet weak var scrollView: UIScrollView!
let cardWidth: CGFloat = 300
let cardHeight: CGFloat = 300
var cardViews: [UIView] = []
override func viewDidLoad() {
super.viewDidLoad()
initScrollView()
}
private func initScrollView() {
cardViews.append(createCardViewFromImageName("image1", index: 0))
cardViews.append(createCardViewFromImageName("image2", index: 1))
cardViews.append(createCardViewFromImageName("image3", index: 2))
cardViews.forEach {
scrollView.addSubview($0)
}
scrollView.contentSize = CGSizeMake(view.frame.width * CGFloat(cardViews.count), cardHeight)
}
private func createCardViewFromImageName(imageName: String, index: Int) -> UIView {
let imageView = UIImageView(frame: CGRectMake(0, 0, cardWidth, cardHeight))
imageView.image = UIImage(named: imageName)?.roundedImage(5)
imageView.contentMode = UIViewContentMode.ScaleAspectFit
imageView.center.x = view.frame.width / 2
let cardX: CGFloat = CGFloat(index) * view.frame.width
let cardView = UIView(frame: CGRectMake(cardX, 0, view.frame.width, cardHeight))
cardView.addSubview(imageView)
return cardView
}
}
注意: Storyboard上で、UIScrollViewのPaging Enabled
にチェックしてください。
Author And Source
この問題について(UIScrollViewで横スクロールのページングを実装する), 我々は、より多くの情報をここで見つけました https://qiita.com/k-yamada-github/items/c53dffed970621959a85著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .