1

我正在使用 cosmicmind 材料快速库,并按照示例代码尝试使 FAB MenuView 工作。

我已经复制了代码并添加了我想要的按钮,为了测试我只是用 2 个按钮进行测试。我面临的问题是handleMenu功能:

/// Handle the menuView touch event.
internal func handleMenu() {
    if menuView.menu.opened {
        menuView.close()
        (menuView.menu.views?.first as? MaterialButton)?.animate(MaterialAnimation.rotate(rotation: 0))
    } else {
        menuView.menu.open() { (v: UIView) in
            (v as? MaterialButton)?.pulse()
        }
        (menuView.menu.views?.first as? MaterialButton)?.animate(MaterialAnimation.rotate(rotation: 0.125))
    }
}

此 UINavigationController 的完整代码:

import UIKit
import Material

class MyTeeUpsController: UINavigationController {
/// MenuView reference.
private lazy var menuView: MenuView = MenuView()

/// Default spacing size
let spacing: CGFloat = 16

/// Diameter for FabButtons.
let diameter: CGFloat = 56

/// Handle the menuView touch event.
internal func handleMenu() {
    if menuView.menu.opened {
        menuView.close()
        (menuView.menu.views?.first as? MaterialButton)?.animate(MaterialAnimation.rotate(rotation: 0))
    } else {
        menuView.menu.open() { (v: UIView) in
            (v as? MaterialButton)?.pulse()
        }
        (menuView.menu.views?.first as? MaterialButton)?.animate(MaterialAnimation.rotate(rotation: 0.125))
    }
}

/// Handle the menuView touch event.
internal func handleButton(button: UIButton) {
    print("Hit Button \(button)")
}


private func prepareMenuView() {
    //let w: CGFloat = 52
    var img:UIImage? = MaterialIcon.cm.add?.imageWithRenderingMode(.AlwaysTemplate)
    let button1: FabButton = FabButton()//frame: CGRectMake((view.bounds.width - w)-10, 550,w,w))
    button1.setImage(img, forState: .Normal)
    button1.setImage(img, forState: .Highlighted)
    button1.pulseColor = MaterialColor.blue.accent3
    button1.backgroundColor = MaterialColor.blueGrey.lighten1
    button1.borderColor = MaterialColor.blue.accent3
    button1.borderWidth = 1
    button1.addTarget(self, action: #selector(handleMenu), forControlEvents: .TouchUpInside)
    menuView.addSubview(button1)


    img = UIImage(named: "filing_cabinet")?.imageWithRenderingMode(.AlwaysTemplate)
    let button2:FabButton = FabButton()
    button2.depth = .None
    button2.setImage(img, forState: .Normal)
    button2.setImage(img, forState: .Highlighted)
    button2.pulseColor = MaterialColor.blue.accent3
    button2.borderColor = MaterialColor.blue.accent3
    button2.borderWidth = 1
    button2.backgroundColor = MaterialColor.blueGrey.lighten1
    button2.addTarget(self, action: #selector(handleButton), forControlEvents: .TouchUpInside)
    menuView.addSubview(button2)


    menuView.menu.direction = .Up
    menuView.menu.baseSize = CGSizeMake(diameter, diameter)
    menuView.menu.views = [button1,button2]
             view.layout(menuView).width(diameter).height(diameter).bottomRight(bottom: 58, right: 20)
    }
    private func prepareTabBarItem() {

        //todo
    }
    override func viewDidLoad() {
        super.viewDidLoad()
        prepareMenuView()
    }
}

我作为 UINavigationController 的子视图嵌入的菜单。我添加到这个子视图的原因是因为 FAB 位于搜索/显示控制器 (TableView) 的顶部,这样即使滚动表格的内容,FAB 也可以保持在 TableView 的顶部。

当视图最初加载时,我可以单击菜单按钮,动画正确发生并出现 button2。但是,它不允许我点击第二个按钮或通过再次按 button1 来关闭菜单,除非我导航到选项卡栏控制器中的另一个选项卡,然后导航回 FAB MenuView 所在的选项卡。正如示例中所示,我正在加载我的prepareMenuView()函数。viewDidLoad

不知道如何修改它以便它可以按需要运行。选择另一个 ViewController 生命周期方法来运行是没有意义的prepareMenuView()

4

1 回答 1

1

所以你的代码的问题是button2只有选择器处理程序handleButtonhandleMenu处理程序未添加到其中。所以你有两个解决方案。

  1. handleMenu调用添加到handleButton

internal func handleButton(button: UIButton) { print("Hit Button \(button)") handleMenu(button) }

  1. 将选择器处理程序添加button2handleMenu.

button2.addTarget(self, action: #selector(handleMenu), forControlEvents: .TouchUpInside) button2.addTarget(self, action: #selector(handleButton), forControlEvents: .TouchUpInside)

任何一个选项都可以,只要记住顺序很重要。因此,如果您希望在加载某些内容之前关闭菜单,请在添加之前调用该方法或添加选择器处理程序handleMenu,然后再添加handleButton.

:) 祝一切顺利!

于 2016-09-06T18:13:12.000 回答