b8e1198c5b
create color extension for random widget 512x512 ... 1024x1024 didn't work clean up Icon Widget View
136 lines
4.8 KiB
Swift
136 lines
4.8 KiB
Swift
//
|
|
// IconView.swift
|
|
// Feels (iOS)
|
|
//
|
|
// Created by Trey Tartt on 2/13/22.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct IconView: View {
|
|
@State public var customIcon: CustomIcon
|
|
|
|
private let facePercSize = 0.6
|
|
public let isPreview: Bool
|
|
|
|
private var gridXOffset: CGFloat {
|
|
if isPreview {
|
|
return CGFloat(0)
|
|
}
|
|
return CGFloat(6)
|
|
}
|
|
|
|
private var gridYOffset: CGFloat {
|
|
if isPreview {
|
|
return CGFloat(0)
|
|
}
|
|
return CGFloat(-8)
|
|
}
|
|
|
|
private var entireFuckingViewOffset: CGFloat {
|
|
if isPreview {
|
|
return CGFloat(0)
|
|
}
|
|
return CGFloat(25)
|
|
}
|
|
|
|
let columns = [
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1),
|
|
GridItem(.flexible(minimum: 1, maximum: 100), spacing: 1)
|
|
]
|
|
|
|
var body: some View {
|
|
GeometryReader { geo in
|
|
ZStack {
|
|
Rectangle()
|
|
.fill(
|
|
customIcon.bgColor
|
|
)
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
|
|
LazyVGrid(columns: columns, alignment: .leading, spacing: 0) {
|
|
ForEach(customIcon.background, id: \.self.1) { (image, uuid) in
|
|
image
|
|
.resizable()
|
|
.aspectRatio(1, contentMode: .fill)
|
|
.foregroundColor(customIcon.bgOverlayColor)
|
|
}
|
|
}
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
.background(
|
|
.clear
|
|
)
|
|
|
|
Circle()
|
|
.strokeBorder(Color.black, lineWidth: geo.size.width * 0.045)
|
|
.background(Circle().fill(customIcon.innerColor))
|
|
.frame(width: geo.size.width*facePercSize,
|
|
height: geo.size.height*facePercSize,
|
|
alignment: .center)
|
|
.position(x: geo.size.width/2, y: geo.size.height/2)
|
|
|
|
customIcon.leftEye
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fit)
|
|
.frame(width: geo.size.width*0.12,
|
|
height: geo.size.height*0.12,
|
|
alignment: .center)
|
|
.position(x: geo.size.width*0.4,
|
|
y: geo.size.height*0.4)
|
|
|
|
customIcon.rightEye
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fit)
|
|
.frame(width: geo.size.width*0.12,
|
|
height: geo.size.height*0.12,
|
|
alignment: .center)
|
|
.position(x: geo.size.width*0.6,
|
|
y: geo.size.height*0.4)
|
|
|
|
customIcon.mouth
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fit)
|
|
.frame(width: geo.size.width*0.12,
|
|
height: geo.size.height*0.12,
|
|
alignment: .center)
|
|
.position(x: geo.size.width*0.5,
|
|
y: geo.size.height*0.59)
|
|
}
|
|
.position(x: geo.size.width/2,
|
|
y: geo.size.height/2 - entireFuckingViewOffset)
|
|
}
|
|
}
|
|
}
|
|
|
|
struct IconView_Previews: PreviewProvider {
|
|
static var backgrounds: [(Image, UUID)] = {
|
|
var blah = [(Image, UUID)]()
|
|
for _ in 0...CustomIcon.numberOfBGItems {
|
|
let image = Image(BackGroundOptions.selectable.randomElement()!.rawValue, bundle: .main)
|
|
blah.append((image, UUID()))
|
|
}
|
|
return blah
|
|
}()
|
|
|
|
static var previews: some View {
|
|
IconView(customIcon: CustomIcon(leftEye: EyeOptions.defaultOption,
|
|
rightEye: EyeOptions.defaultOption,
|
|
mouth: MouthOptions.defaultOption,
|
|
background: IconView_Previews.backgrounds,
|
|
bgColor: .red,
|
|
innerColor: .green,
|
|
bgOverlayColor: .orange),
|
|
isPreview: true)
|
|
.frame(width: 256, height: 256, alignment: .center)
|
|
|
|
}
|
|
}
|