iOS：修复Pop Up Button菜单单列布局问题及实现教程咨询

一、修复菜单项布局异常，设置单列显示 #

• 打开Storyboard，选中你的Popup Button，切换到右侧Attributes Inspector
• 找到Menu配置区，勾选Single Column选项（Xcode 14+版本直接可见，旧版本需在菜单Layout设置中选择单列）
• 若可视化设置不生效，在ViewController的viewDidLoad中添加代码强制指定：

  override func viewDidLoad() {
      super.viewDidLoad()
      if let menu = popupButton.menu {
          menu.preferredDisplayStyle = .singleColumn
          popupButton.menu = menu
      }
  }
  

• 排查是否给菜单项添加了自定义宽高约束，移除多余约束可避免布局错乱

二、Storyboard实现Popup Menu的完整步骤 #

1. 添加Popup Button控件
   从Object Library搜索Popup Button，拖拽到ViewController画布，调整到合适位置与大小
2. 配置基础样式
   • 在Attributes Inspector中设置默认显示标题，比如「选择选项」，按需调整字体、颜色
   • 提前勾选Menu下的Single Column，避免后续布局问题；设置Preferred Style为Plain或其他你需要的样式
3. 添加固定选项菜单项
   • 点击Popup Button的Menu右侧「+」号，添加Action类型的菜单项，数量对应你的6-8个选项
   • 逐个设置每个菜单项的Title，也可添加配套图标提升辨识度
4. 绑定菜单点击事件
   • 选中单个菜单项，在Connections Inspector中将Action关联到ViewController的IBAction方法：

     @IBAction func menuItemTapped(_ sender: UIAction) {
         popupButton.setTitle(sender.title, for: .normal)
         // 这里处理选中后的业务逻辑，比如存储选中值
     }
     

   • 所有菜单项可绑定同一个方法，通过sender.title区分选中的选项
5. 测试与调整
   运行模拟器检查菜单弹出样式和点击响应，若位置不对，可在Menu属性中调整Anchor锚点位置

内容的提问来源于stack exchange，提问作者Tim Herzog