admin/Reflect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

layout on create icon view

Browse Source 
haptic feedback when saving
This commit is contained in:
Trey t
2022-02-15 10:50:32 -06:00
parent fce13af84e
commit 8076254d3d
1 changed files with 97 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
Shared/views/CreateIconView.swift
View File

@@ -116,10 +116,10 @@ struct CreateIconView: View {
Spacer()
Divider().background(Color(UIColor.tertiarySystemBackground))
Group {
Divider().background(Color(UIColor.tertiarySystemBackground))
HStack {
HStack(alignment: .center) {
Spacer()
VStack(alignment: .center) {
Menu("Left Eye") {
@@ -161,92 +161,100 @@ struct CreateIconView: View {
}
Spacer()
}
.padding()
.background(
Color(uiColor: theme.currentTheme.secondaryBGColor)
)
}
.frame(height: 5)
.padding([.leading, .trailing])
.padding([.top, .bottom], 10)
Divider().background(Color(UIColor.tertiarySystemBackground))
Group {
Divider().background(Color(UIColor.tertiarySystemBackground))
VStack{
HStack {
ForEach(BackGroundOptions.selectable, id: \.self) { bg in
Image(bg.rawValue, bundle: .main)
.resizable()
.aspectRatio(contentMode: .fill)
.frame(minWidth: 10, idealWidth: 40, maxWidth: 40,
minHeight: 10, idealHeight: 40, maxHeight: 40,
alignment: .center)
.onTapGesture {
update(background: bg)
}
}
mixBG
HStack {
ForEach(BackGroundOptions.selectable, id: \.self) { bg in
Image(bg.rawValue, bundle: .main)
.resizable()
.aspectRatio(contentMode: .fill)
.frame(minWidth: 10, idealWidth: 40, maxWidth: 40,
minHeight: 10, idealHeight: 40, maxHeight: 40,
alignment: .center)
.onTapGesture {
update(background: .random)
update(background: bg)
}
}
mixBG
.onTapGesture {
update(background: .random)
}
ColorPicker("", selection: $customIcon.bgOverlayColor)
}
.padding()
.background(
Color(uiColor: theme.currentTheme.secondaryBGColor)
)
}
Divider().background(Color(UIColor.tertiarySystemBackground))
Group {
VStack {
HStack(spacing: 0) {
VStack(alignment: .center) {
Text("background")
ColorPicker("", selection: $customIcon.bgColor)
.labelsHidden()
}
.frame(minWidth: 0, maxWidth: .infinity)
ColorPicker("", selection: $customIcon.bgOverlayColor)
VStack(alignment: .center) {
Text("Inner")
ColorPicker("", selection: $customIcon.innerColor)
.labelsHidden()
}
.frame(minWidth: 0, maxWidth: .infinity)
VStack(alignment: .center) {
Text("Face Outline")
ColorPicker("", selection: $customIcon.circleStrokeColor)
.labelsHidden()
}
.frame(minWidth: 0, maxWidth: .infinity)
}
HStack(spacing: 0) {
VStack(alignment: .center) {
Text("Left Eye")
ColorPicker("", selection: $customIcon.leftEyeColor)
.labelsHidden()
}
.frame(minWidth: 0, maxWidth: .infinity)
VStack(alignment: .center) {
Text("right eye")
ColorPicker("", selection: $customIcon.rightEyeColor)
.labelsHidden()
}
.frame(minWidth: 0, maxWidth: .infinity)
VStack(alignment: .center) {
Text("mouth")
ColorPicker("", selection: $customIcon.mouthColor)
.labelsHidden()
}
.frame(minWidth: 0, maxWidth: .infinity)
}
}
.padding()
.background(
Color(uiColor: theme.currentTheme.secondaryBGColor)
)
}
.padding([.leading, .trailing])
.padding([.top, .bottom], 10)
Divider().background(Color(UIColor.tertiarySystemBackground))
Group {
Divider().background(Color(UIColor.tertiarySystemBackground))
HStack {
Spacer()
VStack(alignment: .center) {
Text("background")
ColorPicker("", selection: $customIcon.bgColor)
.labelsHidden()
}
Spacer()
VStack(alignment: .center) {
Text("Inner")
ColorPicker("", selection: $customIcon.innerColor)
.labelsHidden()
}
Spacer()
VStack(alignment: .center) {
Text("Face Outline")
ColorPicker("", selection: $customIcon.circleStrokeColor)
.labelsHidden()
}
Spacer()
}
HStack {
Spacer()
VStack(alignment: .center) {
Text("Left Eye")
ColorPicker("", selection: $customIcon.leftEyeColor)
.labelsHidden()
}
Spacer()
VStack(alignment: .center) {
Text("right eye")
ColorPicker("", selection: $customIcon.rightEyeColor)
.labelsHidden()
}
Spacer()
VStack(alignment: .center) {
Text("mouth")
ColorPicker("", selection: $customIcon.mouthColor)
.labelsHidden()
}
Spacer()
}
}
.padding([.leading, .trailing])
.padding([.top, .bottom], 10)
Group {
Divider().background(Color(UIColor.tertiarySystemBackground))
HStack(alignment: .center, spacing: 0) {
Button(action: {
createRandom()
@@ -255,7 +263,7 @@ struct CreateIconView: View {
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color(UIColor.white))
})
.frame(minWidth: 0, maxWidth: .infinity)
.background(.blue)
@@ -267,13 +275,16 @@ struct CreateIconView: View {
let icon = bigIconView.snapshot()
if let data = icon.pngData() {
savedCustomIcon = data
let impactMed = UIImpactFeedbackGenerator(style: .heavy)
impactMed.impactOccurred()
}
}, label: {
Text("Save")
.font(.title)
.fontWeight(.bold)
.foregroundColor(Color(UIColor.white))
})
.frame(minWidth: 0, maxWidth: .infinity)
.background(.green)
@@ -285,6 +296,11 @@ struct CreateIconView: View {
struct CreateIconView_Previews: PreviewProvider {
static var previews: some View {
CreateIconView()
Group {
CreateIconView()
CreateIconView()
.preferredColorScheme(.dark)
}
}
}