@Binding public var selectedDesign: TileDesign;
- public var selectedColor: Color = .accentColor
- public var pixelSize: CGFloat = 2.0;
- public var foregroundColor: Color = .black
- public var backgroundColor: Color = .white
+ public var selectedColor: Color
+ public var pixelSize: CGFloat
+ public var foregroundColor: Color
+ public var backgroundColor: Color
- let patterns = TileDesign.allCases
-
- let verticalTileCount = Int(ceil(Double(TileDesign.allCases.count) / 5.0))
+ public init(selectedDesign: Binding<TileDesign>, selectedColor: Color = .accentColor, pixelSize: CGFloat = 2.0, foregroundColor: Color = .black, backgroundColor: Color = .white) {
+ self._selectedDesign = selectedDesign
+ self.selectedColor = selectedColor
+ self.pixelSize = pixelSize
+ self.foregroundColor = foregroundColor
+ self.backgroundColor = backgroundColor
+ }
+
+ private let patterns = TileDesign.allCases
+ private let verticalTileCount = Int(ceil(Double(TileDesign.allCases.count) / 5.0))
- public var body: some View {
- VStack(alignment: .leading, spacing: 0) {
- ForEach(0 ..< verticalTileCount, id: \.self) { i in
- HStack(alignment: .top, spacing: 0) {
- ForEach(0 ..< 5) { j in
- if i * 5 + j < patterns.count {
- Pattern(design: .constant(patterns[i * 5 + j]), pixelSize: pixelSize, foregroundColor: foregroundColor, backgroundColor: backgroundColor)
- .frame(width: pixelSize * 16, height: pixelSize * 12)
- .border(selectedDesign == patterns[i * 5 + j] ? selectedColor : foregroundColor, width: pixelSize / 2.0)
- .onTapGesture(perform: {
- selectedDesign = patterns[i * 5 + j]
- })
- }
+ public var body: some View {
+ VStack(alignment: .leading, spacing: 0) {
+ ForEach(0 ..< verticalTileCount, id: \.self) { i in
+ HStack(alignment: .top, spacing: 0) {
+ ForEach(0 ..< 5) { j in
+ if i * 5 + j < patterns.count {
+ PatternView(design: .constant(patterns[i * 5 + j]), pixelSize: pixelSize, foregroundColor: foregroundColor, backgroundColor: backgroundColor)
+ .frame(width: pixelSize * 16, height: pixelSize * 12)
+ .border(selectedDesign == patterns[i * 5 + j] ? selectedColor : foregroundColor, width: pixelSize / 2.0)
+ .onTapGesture(perform: {
+ selectedDesign = patterns[i * 5 + j]
+ })
}
}
}
- }.background(foregroundColor)
- }
+ }
+ }.background(foregroundColor)
+ }
}
struct PatternPicker_Previews: PreviewProvider {
import SwiftUI
-public struct Pattern: View {
+public struct PatternView: View {
- @Binding public var design: TileDesign;
- public var pixelSize: CGFloat = 2.0;
- public var foregroundColor: Color = .black
- public var backgroundColor: Color = .white
+ @Binding public var design: TileDesign
+ public var pixelSize: CGFloat
+ public var foregroundColor: Color
+ public var backgroundColor: Color
private var patternSize: CGFloat {
pixelSize * 8.0;
}
+ public init(design: Binding<TileDesign>, pixelSize: CGFloat = 2.0, foregroundColor: Color = .black, backgroundColor: Color = .white) {
+ self._design = design
+ self.pixelSize = pixelSize
+ self.foregroundColor = foregroundColor
+ self.backgroundColor = backgroundColor
+ }
+
public var body: some View {
GeometryReader { gr in
VStack(spacing: 0) {
static var previews: some View {
VStack {
Text("Default")
- Pattern(design: .constant(TileDesign.grid))
+ PatternView(design: .constant(TileDesign.grid))
Text("Color override")
- Pattern(design: .constant(TileDesign.balls), foregroundColor: .pink, backgroundColor: .cyan)
+ PatternView(design: .constant(TileDesign.balls), foregroundColor: .pink, backgroundColor: .cyan)
Text("Pixel size override")
- Pattern(design: .constant(TileDesign.shingles), pixelSize: 8.0)
+ PatternView(design: .constant(TileDesign.shingles), pixelSize: 8.0)
}
}
}