微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Swift实现类网易云音乐横向scroll menu切换菜单二

从这篇文章准备深入分析scroll menu切换菜单的实现,效果图、框架的github链接可见上一篇文章

CAPSPageMenu.swift的开头为一个@objc公共协议,这个协议的委托由具体添加该CAPSPageMenu的viewcontroller接受。

public init (viewControllers: [ UIViewController ],frame: CGRect ,options: [ String : AnyObject ]?) {
super . init (nibName: nil ,bundle: nil )

controllerArray = viewControllers

self . view . frame = frame
}

这是该类的基本初始化方法,viewController为初始化时传入的Controller数组,即通过菜单切换时所展示的若干个viewcontroller;frame为切换菜单scroll menu的大小;options该初始化方法中未被处理。

convenience normal; font-family:'Lantinghei SC'; color:rgb(187,pageMenuOptions: [ CAPSPageMenuOption ]?) {

}
这是该类在Demo5中所使用的初始化方法,viewcontroller与frame的含义与上个初始化方法相同,pageMenuOptions是一个枚举类型的数组,用于配置切换菜单的各种参数,通过带参数的枚举类型传值确实是我第一次见.. 如下图,只截取部分。

if let options = pageMenuOptions {

for option in options {

switch (option) {

case let .SelectionIndicatorHeight(value):

selectionIndicatorHeight = value

case let .MenuItemSeparatorWidth(value):

menuItemSeparatorWidth = value

case let .ScrollMenuBackgroundColor(value):

scrollMenuBackgroundColor = value

case let .ViewBackgroundColor(value):

viewBackgroundColor = value

case let .BottomMenuHairlineColor(value):

bottomMenuHairlineColor = value

case let .SelectionIndicatorColor(value):

selectionIndicatorColor = value

case let .MenuItemSeparatorColor(value):

menuItemSeparatorColor = value

case let .MenuMargin(value):

menuMargin = value

case let .MenuHeight(value):

menuHeight = value



传入的是枚举类型数组,该枚举类型中不同的具体类型代表需要配置的不同方面,每个具体类型中含有一个参数,作为对该方面的具体配置。

比起传入anyobject类型的数组,然后通过index进行配置的方式,好处有:
1.使用枚举类型,避免了使用anyobject所造成的类型模糊
2.每个具体类型在传入时都同时带有该类型的功能描述和配置参数,增强了代码的可读性。

setUpUserInterface ()

if menuScrollView . subviews . count == 0 {
configureUserInterface ()
}

这段代码出现在上述第二个初始化方法中,若该页面为第一次加载则需调用configureUserInterface进行页面设置。

func configureUserInterface()

函数实现的主要功能有:
1.为menuScrollView也就是四个按键配置点击手势识别,该View是UIScrollView的实例,调用handleMenuItemTap来判断应该切换到四个界面之中的哪个。
2.通过for循环具体配置menuScrollView的四个MenuItemView,同时在下方显示一个page。
3.最后的selection indicator是当前选择按钮的下划线。

func setUpUserInterface()

函数用于创建用户界面,创建用于装载内容的menuScrollView和controllerScrollView,并将其添加到主view中。

public func scrollViewDidScroll(scrollView: UIScrollView )

1.判断划动方向,赋值给newScrollDirection,以此来修改currentPageIndex参数,然后调用addPageAtIndex函数将划动后选择的页面加载到controllerScrollView上。
2.加载划动动画显示时所展示出来的部分相邻的viewController页面
3.调整当前view与划动时相邻view的显示比例。
pagesAddedDictionary [index] = index
这句的作用是注明第index页已被加载,该数组的作用就是记录页面的加载情况。

func scrollViewDidEndDecelerating(scrollView: UIScrollView )

触摸屏幕并拖拽画面,最后滚动停止时会调用函数,将其它加载的页面删除,将当前页面设置成划动起始页面,清空记录页面情况的数组。

func scrollViewDidEndTapScrollingAnimation()
调用以下函数,来自动滚动到想要的位置,此过程中设置有动画效果,停止时,触发上述函数

UIScrollView的setContentOffset:animated:
UIScrollView的scrollRectToVisible:animated:
UITableView的scrollToRowAtIndexPath:atScrollPosition:animated:
UITableView的selectRowAtIndexPath:animated:scrollPosition:

函数内容与上一个函数内容相同,完成滚动结束时的收尾工作。

override func viewDidLayoutSubviews()

配置controllerScrollView大小、配置selectionIndicatorbar大小、配置menu item大小。

func movetoPage(index: Int )

函数在Demo中没有被调用功能为跳到某一特定Page页面,部分函数功能与前面配置用户界面设置点击时间时所调用函数handleMenuItemTap相同。

原文地址:https://www.jb51.cc/swift/326759.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐