OversizeUI

Build Example

基于 SwiftUI 的又一个组件库

设计系统

Figma 中的控件和样式

控件

可用控件包括

核心

core 文件夹中的颜色、排版、间距和其他样式

入门指南

安装和使用 OversizeUI

要求

Swift 包管理器

导入和使用 OversizeUI

框架添加完成后,您可以导入模块来使用它

import OversizeUI

示例应用

要构建和部署演示程序,请按照以下步骤操作

示例组件

头像

Avatar(firstName: "Swift", lastName: "Apple")
    .controlSize(.large)

按钮

Button("Button") { print(#function) }
    .buttonStyle(.primary)
    .accent()
    .controlBorderShape(.capsule)
    .bordered()

颜色选择器

ColorSelector(selection: $color)
ColorSelector(selection: $color)
    .colorSelectorStyle(GridColorSelectorStyle())

网格选择

var items = ["One", "Two", "Three", "Four"]
@State var selection = ""
GridSelect(items, selection: $selection,
           content: { item, _ in
               VStack {
                   IconDeprecated(.circle)
                   Text(item)
               }.padding()
           })

图标

IconDeprecated(.activity)

Row("Title")

分段选择器

SegmentedPickerSelector(items, selection: $selection) { item, _ in
    Text(item)
}

选择器

Select("Select", items, selection: $selection) { item, _ in
    Text(item)
} selectionView: { selected in
    Text(selected)
}

表面

Surface(background: .secondary) {
    Text("Text")
}

文本框

TextField("Text", text: $placeholder))
    .textFieldStyle(.default)
}

更多

更多信息请参阅 DocC 文档

Swift Lint

本项目使用 SwiftLint 自动检查我们的 Swift 代码中常见的错误。在本项目中开发时,请按照 SwiftLint 安装说明 安装它。

许可证

OversizeUI 在 MIT 许可证下发布。有关详细信息,请参阅 LICENSE。