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相同。

相关文章

软件简介:蓝湖辅助工具,减少移动端开发中控件属性的复制和粘...
现实生活中,我们听到的声音都是时间连续的,我们称为这种信...
前言最近在B站上看到一个漂亮的仙女姐姐跳舞视频,循环看了亿...
【Android App】实战项目之仿抖音的短视频分享App(附源码和...
前言这一篇博客应该是我花时间最多的一次了,从2022年1月底至...
因为我既对接过session、cookie,也对接过JWT,今年因为工作...