美文网首页优秀的Objective-C第三方库转Swiftios 知识点
Swift 实现类似于选择电影票的效果,并且实现无限/自动轮播

Swift 实现类似于选择电影票的效果,并且实现无限/自动轮播

作者: 船长_ | 来源:发表于2018-07-31 20:54 被阅读130次

效果图


horizontal.gif vertical.gif

实现了什么功能?

  • 1.类似于选择电影票的效果
  • 2.自动轮播
  • 3.无限轮播
  • 4.非当前显示view具有缩放和透明的特效
  • 5.页面滚动的方向分为横向和纵向

仿照UITableView使用代理实现传值

protocol PageFlowViewDelegate : NSObjectProtocol{
    func sizeForPageInFlowView(flowView : PageFlowView) -> CGSize
    /// 滚动到了某一列
    func didScrollToPage(pageNumber : Int,inFlowView flowView : PageFlowView)
    
    /// 点击了第几个cell
    ///
    /// - Parameters:
    ///   - subView: 点击的控件
    ///   - subIndex: 点击控件的index
    func didSelectCell(subView : IndexBannerSubiew,subViewIndex subIndex : Int)
}

protocol PageFlowViewDataSource : NSObjectProtocol{
    /// 返回显示View的个数
    func numberOfPagesInFlowView(flowView : PageFlowView) -> Int
    
    /// 给某一列设置属性
    ///
    /// - Parameters:
    ///   - flowView: <#flowView description#>
    ///   - index: <#index description#>
    /// - Returns: <#return value description#>
    func cellForPageAtIndex(flowView : PageFlowView,atIndex index : Int) -> IndexBannerSubiew
}

使用示例

// 模拟器原因,底部会有残影,真机测试没有
let pageFlowView = PageFlowView.init(frame: CGRect.init(x: 0, y: 72, width: kScreenW, height: kScreenW*9/16))
pageFlowView.backgroundColor = UIColor.white

pageFlowView.delegate = self
pageFlowView.dataSource = self
pageFlowView.minimumPageAlpha = 0.1
pageFlowView.isCarousel = true
pageFlowView.orientation = .vertical
pageFlowView.isOpenAutoScroll = true

//初始化pageControl
let pageControl = UIPageControl.init(frame: CGRect.init(x: 0, y: pageFlowView.bounds.height-32, width: kScreenW, height: 8))
pageFlowView.pageControl = pageControl
pageFlowView.addSubview(pageControl)
pageFlowView.reloadData()
view.addSubview(pageFlowView)

Objective-C版本下载
Swift版本下载

相关文章

网友评论

    本文标题:Swift 实现类似于选择电影票的效果,并且实现无限/自动轮播

    本文链接:https://www.haomeiwen.com/subject/necxmftx.html