talksik/nirvana-ios
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

small adjustments to make it a little more seamlesss and verify the math

Browse Source
This commit is contained in:
talksik
2021-12-16 22:35:04 -08:00
parent 35edd2e2b6
commit 2047ed833b
1 changed files with 31 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nirvana-ios/v2/InnerCircle/InnerCircleView.swift
+31 -61
View File
@@ -77,22 +77,22 @@ struct InnerCircleView: View {
header header
} }
// Path { path in Path { path in
//
// //draw the axes //draw the axes
// path.move(to: CGPoint(x:0, y:universalSize.height*0.5 )) path.move(to: CGPoint(x:0, y:universalSize.height*0.5 ))
//
// path.addLine(to: CGPoint(x:universalSize.width, y: universalSize.height*0.5)) path.addLine(to: CGPoint(x:universalSize.width, y: universalSize.height*0.5))
//
// path.move(to: CGPoint(x:universalSize.width*0.5, y:0 )) path.move(to: CGPoint(x:universalSize.width*0.5, y:0 ))
//
// path.addLine(to: CGPoint(x:universalSize.width * 0.5, y: universalSize.height)) path.addLine(to: CGPoint(x:universalSize.width * 0.5, y: universalSize.height))
//
//
// //draw the acceptance boxes //TODO: draw the acceptance boxes
// } }
// .stroke(Color.black) .stroke(Color.black)
// .edgesIgnoringSafeArea(.all) .edgesIgnoringSafeArea(.all)
} }
.onAppear() { .onAppear() {
self.animateWaves = true self.animateWaves = true
@@ -133,18 +133,15 @@ struct InnerCircleView: View {
// TODO: why did I start at 1? for the image name? just decrease count for that specifically // TODO: why did I start at 1? for the image name? just decrease count for that specifically
ForEach(1..<Self.numberOfItems + 1) { value in ForEach(1..<Self.numberOfItems + 1) { value in
GeometryReader {gridProxy in GeometryReader {gridProxy in
let posRelToGrid = gridProxy.frame(in: .global) // relative to the entire lazygrid let posRelToGrid = gridProxy.frame(in: .global) // relative to the entire screen
let midX = getRowNumber(value) % 2 == 0 ? posRelToGrid.midX + (Self.size / 2) + (Self.spacingBetweenColumns / 2) : posRelToGrid.midX
// TESTING let midY = posRelToGrid.midY
// Text("xdelta: \(abs(posRelToGrid.midX - self.center.x)) ydelta \(abs(posRelToGrid.midY - self.center.y))")
// .font(.caption)
// .foregroundColor(Color.black)
// Text("x: \(positionOfCurrentItem.x) y: \(positionOfCurrentItem.y)")
// .font(.caption)
// .foregroundColor(Color.black)
// TESTING
Text("x: \(midX) y: \(midY)")
.font(.caption)
.foregroundColor(Color.black)
//
Image("Artboards_Diversity_Avatars_by_Netguru-\(value)") Image("Artboards_Diversity_Avatars_by_Netguru-\(value)")
.resizable() .resizable()
.scaledToFit() .scaledToFit()
@@ -179,47 +176,20 @@ struct InnerCircleView: View {
// getting the proxy of an individual item // getting the proxy of an individual item
// and decoding into a scale that the item should take // and decoding into a scale that the item should take
private func getScale(proxy: GeometryProxy, itemNumber: Int) -> CGFloat { private func getScale(proxy: GeometryProxy, itemNumber: Int) -> CGFloat {
// Old impplementation
// let innerCircleRadius = Self.distanceBetweenPoints(
// p1: center,
// p2: CGPoint(x: universalSize.width*0.65, y: universalSize.height*0.3)
// )
//
// let outerCircleRadius = Self.distanceBetweenPoints(
// p1: center,
// p2: CGPoint(x: universalSize.width*0.75, y: universalSize.height*0.15)
// )
//
// // TODO: if it's an even row, then offset the x of the position...TESTING
// var positionOfCurrentItem = CGPoint(x: proxy.frame(in: .global).midX, y: proxy.frame(in: .global).midY)
// if getRowNumber(itemNumber) % 2 == 0 { // if it's an even row, ofset the x
// positionOfCurrentItem.x += Self.size / 2 + Self.spacingBetweenColumns / 2
// }
//
// let currItemDistFromCenter = Self.distanceBetweenPoints(p1: positionOfCurrentItem, p2: center)
//
// if currItemDistFromCenter <= innerCircleRadius {
// return CGFloat(big)
// } else if currItemDistFromCenter <= outerCircleRadius {
// return CGFloat(medium)
// } else {
// return CGFloat(small)
// }
// implementation using radius checks
let posRelToGrid = proxy.frame(in: .global) // relative to the entire screen let posRelToGrid = proxy.frame(in: .global) // relative to the entire screen
let midX = getRowNumber(itemNumber) % 2 == 0 ? posRelToGrid.midX + Self.size / 2 + Self.spacingBetweenColumns / 2 : posRelToGrid.midX let midX = getRowNumber(itemNumber) % 2 == 0 ? posRelToGrid.midX + (Self.size / 2) + (Self.spacingBetweenColumns / 2) : posRelToGrid.midX
let midY = posRelToGrid.midY let midY = posRelToGrid.midY
let xdelta = abs(midX - self.center.x) let xdelta = abs(midX - self.center.x)
let ydelta = abs(midY - self.center.y) let ydelta = abs(midY - self.center.y)
let innerCircleXAcceptance = Self.size let innerCircleXAcceptance = Self.size * 0.75
let innerCircleYAcceptance = Self.size let innerCircleYAcceptance = Self.size * 0.75
let outerRingXAcceptance = self.universalSize.width * 0.8 let outerRingXAcceptance = self.universalSize.width * 0.4
let outerRingYAcceptance = self.universalSize.height * 0.6 let outerRingYAcceptance = self.universalSize.height * 0.3
let wayOutRingXAcceptance = self.universalSize.width * 0.95 let wayOutRingXAcceptance = self.universalSize.width * 0.425
let wayOutRingYAcceptance = self.universalSize.height * 0.75 let wayOutRingYAcceptance = self.universalSize.height * 0.375
if xdelta <= innerCircleXAcceptance && ydelta < innerCircleYAcceptance { if xdelta <= innerCircleXAcceptance && ydelta < innerCircleYAcceptance {
return big return big