实习笔记：uiscrollview与pagecontrol的综合应用

最新推荐文章于 2023-02-24 18:01:37 发布

joyingr

最新推荐文章于 2023-02-24 18:01:37 发布

阅读量211

点赞数

分类专栏： iOS

本文链接：https://blog.csdn.net/joyosue/article/details/77857338

版权

iOS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

实习开发iOS地图租车界面时用到的界面UI元素。
趁有空在这里记录一下。
这是引入项目之前拿来做小测试的小小demo。

import UIKit

class ViewController: UIViewController,UIScrollViewDelegate {

@IBOutlet weak var myScrollView: UIScrollView!

var codePageControl: UIPageControl!

func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {

    let currentPageNumber = Int(round(myScrollView.contentOffset.x / scrollView.frame.size.width))

    codePageControl.currentPage = currentPageNumber
}

func codePageControlAction(sender: UIPageControl) {
    let currentPageNumber = sender.currentPage 
    let width = myScrollView.frame.size.width

    let offset = CGPoint(x: width * CGFloat(currentPageNumber), y: 0)

    myScrollView.setContentOffset(offset, animated: true)
}

override func viewDidLayoutSubviews() {

    myScrollView.contentSize.width = myScrollView.frame.width * 3

    let viewColors = [UIColor.red,UIColor.green,UIColor.blue]

    for i in 0..<3{
        let oneView = UIView(
            frame: CGRect(
                x: CGFloat(i) * myScrollView.frame.size.width,
                y: 0,
                width: myScrollView.frame.size.width,
                height: myScrollView.frame.size.height))
        oneView.backgroundColor = viewColors[i]
        myScrollView.addSubview(oneView)
    }

    myScrollView.isPagingEnabled = true

    myScrollView.bounces = false

    //建立PageControl
    codePageControl = UIPageControl(frame: CGRect(x: view.frame.size.width/2 - 30, y: view.frame.size.height - 50, width: 60, height: 37))

    codePageControl.pageIndicatorTintColor = UIColor.black

    codePageControl.currentPageIndicatorTintColor = UIColor.lightGray

    codePageControl.numberOfPages = 3

    codePageControl.currentPage = 0

    codePageControl.addTarget(self, action: #selector(ViewController.codePageControlAction(sender:)), for: .valueChanged)

    view.addSubview(codePageControl)
}

}