单击 UIBarButtonItem 时显示 UIMenu

Posted

技术标签:

【中文标题】单击 UIBarButtonItem 时显示 UIMenu【英文标题】:Show UIMenu when single-tapping UIBarButtonItem 【发布时间】:2020-11-27 16:12:57 【问题描述】:

ios 14 中,UIMenu 有了新的 API,现在可以附加到 UIBarButtonItem,就像这样:

这是我的代码:

@IBOutlet weak var addButton: UIBarButtonItem! // The button is from the storyboard.

override func viewDidAppear(_ animated: Bool) 
    if #available(iOS 14.0, *) 
        let simpleAction : UIAction = .init(title: "Simple", image: nil, identifier: nil, discoverabilityTitle: nil, attributes: .init(), state: .mixed, handler:  (action) in
            self.addButtonActionPressed(action: .simple)
        )
        
        let advancedAction : UIAction = .init(title: "Advanced", image: nil, identifier: nil, discoverabilityTitle: nil, attributes: .init(), state: .mixed, handler:  (action) in
            self.addButtonActionPressed(action: .advanced)
        )
        
        let actions = [simpleAction, advancedAction]
        
        let menu = UIMenu(title: "", image: nil, identifier: nil, options: .displayInline, children: actions)
        
        addButton.primaryAction = nil
        addButton.menu = menu
    

但问题是,当我按下按钮时,什么也没有发生。 只有当我长按按钮时,它才会显示菜单。我在网上看到过这段代码:

button.showsMenuAsPrimaryAction = true

但这对我没有帮助,因为Value of type 'UIBarButtonItem' has no member 'showsMenuAsPrimaryAction'

任何想法如何解决?我正在使用 Xcode 12.0 beta 4 (12A8179i)。

【问题讨论】:

我将它添加到代码中。该按钮来自故事板。 我尝试用代码而不是情节提要来做到这一点,它奏效了。我不知道是什么原因导致这个问题,但我已经解决了。还是谢谢。 好吧,您应该尝试找出导致问题的原因。即使在情节提要中创建了条形按钮项,我也没有困难地将条形按钮项的菜单设置为在点击时显示。 请注意 UIMenu 是 iOS 13。 【参考方案1】:

我解决了这个问题。如果这发生在你们任何人身上,您可以这样做:

尝试检查按钮是否有任何其他操作。如果有,它不会将菜单显示为主要操作。

如果您使用情节提要,请改用代码,例如:

self.navigationItem.rightBarButtonItem = .init(systemItem: .add)
// Then configure the menu of the item here, by doing:
navigationItem.rightBarButtonItem!.menu = menu 
// Replace 'menu' with your menu object.

如果您知道任何其他提示,请随时编辑此问题并添加它们。

【讨论】:

【参考方案2】:

这是为正确的 UIBarButtonItem 创建 UIMenu 的方法

//Initiate an array of UIAction.  
let actions = [
     UIAction(title: "Last month", identifier: UIAction.Identifier("last_montg"), handler: handler),
     UIAction(title: "6 months", identifier: UIAction.Identifier("six_month"), handler: handler),
     UIAction(title: "1 year", identifier: UIAction.Identifier("one_year"), handler: handler)
 ]

//Initiale UIMenu with the above array of actions.  
let menu = UIMenu(title: "menu",  children: actions)

//Create UIBarButtonItem with the initiated UIMenu and add it to the navigationItem.  
let rightBarButton = UIBarButtonItem(title: "", image: UIImage(systemName: "calendar"), menu: menu)
self.navigationItem.rightBarButtonItem = rightBarButton

//handler to intercept event related to UIActions.  
let handler: (_ action: UIAction) -> () =  action in 
  print(action.identifier)
  switch action.identifier.rawValue 
  case "last_month":
    print("last_month")
  case "six_month":
    print("six_month")
  case "one_year":
    print("one_year")
  default:
    break
  

【讨论】:

以上是关于单击 UIBarButtonItem 时显示 UIMenu的主要内容,如果未能解决你的问题,请参考以下文章

在输入字段单击时显示 JQuery UI 日期选择器?

如何在启动时显示 NavigationView (SwiftUI) 的详细视图

如何在按钮单击时显示验证消息?

单击按钮时显示 div Javascript

单击时显示子类别

如何在按钮单击时显示日期选择器?