SwiftUI 菜单栏组件

功能特点

通过通用 PreferenceKey 观察菜单选择的变化
颜色强度根据配色方案自动调整 (Color+Ext.swift) 您无需为每个方案设置颜色
多种项目菜单宽度分配策略
根据初始选择设置滚动位置
为组件设置自定义颜色
自定义菜单项目样式 [圆形或方形]
支持 iOS 和 macOS
支持深色和浅色方案

必需步骤

1. 枚举

定义枚举，其中菜单项遵循 IMenuItem

enum MenuItems: String, IMenuItem {
    case one = "one"
    case two = "two"
    case three = "three"
}

2. 创建菜单栏

selected - 传递绑定到 @State var selected : MenuItems? 的值
values - 传递 allCases 作为参数

MenuBar(values: MenuItems.allCases, selected: $selected)
  .onSelectionChanged{ item in }

可选

strategy - 项目菜单宽度分配的默认策略是 auto

尺寸策略	描述
fit	分配所有可用空间不可滚动
auto	根据内容自动调整大小
flex(CGFloat)	设置最小宽度

color - 默认值是 .black
style - 默认样式是 round

样式	描述
round	圆角
square	直角

组件初始化示例

    @State var selected : MenuItems?

   VStack{
        MenuBar(values: items, selected: $selected, strategy: .flex(102), color: .green)
        MenuBar(values: items, selected: $selected, color: .purple, style: .square)
        MenuBar(values: items, selected: $selected, strategy: .fit, color: .blue)        
        MenuBar(values: items, selected: $selected, color: .red)
    }

代码示例

查看 MenuContentView.swift 中的示例预览，或创建一个项目，添加包并将 MenuContentView() 放入 ContentView() 中

使用于

自动滚动头部菜单 - SwiftUI & Combine

文档 (API)

您需要安装 Xcode 13 才能访问文档编译器 (DocC)
前往 Product > Build Documentation 或 ⌃⇧⌘ D