ColorGrid - SwiftUI风格的颜色选择器

编辑

跳转Github地址

预估时长 1 min read

项目名称：ColorGrid

项目简介

ColorGrid是一个开源的颜色选择器库，它提供了一个类似于苹果提醒事项应用的颜色选择器界面。这个库允许开发者在自己的SwiftUI应用中轻松集成一个美观且功能丰富的颜色选择器。

功能特点

完全定制化：支持自定义颜色数组、列数、图标和边框样式。
简单集成：通过Xcode项目或Swift包管理添加依赖，快速集成到项目中。
响应式设计：支持暗黑模式和不同屏幕尺寸。
示例代码：提供基本示例和表单示例，方便开发者快速上手。

安装指南

Xcode项目：
1. 在Xcode中选择“Add Packages”。
2. 输入https://github.com/BaherTamer/ColorGrid并添加包。
3. 使用import ColorGrid在你的项目中导入ColorGrid。

Swift包管理：
在Package.swift中添加依赖：

dependencies: [
    .package(url: "https://github.com/BaherTamer/ColorGrid.git", from: "1.1.0")
]

配置和使用

public struct CGPicker: View {
    @Binding public var selection: Color
    private let colors: [Color]
    private let columns: [GridItem]
    private let icon: CGIcon
    private let border: CGBorder

    public init(
        colors: [Color],
        selection: Binding<Color>,
        columns: Int = 6,
        icon: CGIcon = .circle,
        border: CGBorder = .normal
    ) {
        self._selection = selection
        self.colors = colors
        self.columns = Array(repeating: GridItem(.flexible()), count: columns)
        self.icon = icon
        self.border = border
    }
}

示例代码

import ColorGrid
import SwiftUI

struct ContentView: View {
    private let colors: [Color] = [.red, .orange, .yellow, .pink, .green, .blue, .purple, .gray]
    @State private var selectedColor: Color = .red

    var body: some View {
        VStack(spacing: 32) {
            CGPicker(colors: colors, selection: $selectedColor)
                .padding()
                .frame(maxWidth: .infinity)
                .background(Color(UIColor.systemGray6))
                .cornerRadius(12)
            
            Text("ColorGrid")
                .font(.title)
                .fontWeight(.heavy)
                .foregroundColor(selectedColor)
        }
        .padding()
    }
}