我无法找到正确的方法来找到要放置的 x 和 y 坐标并将 Image
放在 overlay
中到我正在制作的进度视图的正确位置。我希望最终结果看起来像屏幕截图,只是不确定我会使用什么公式。至少可以说,我的数学技能很差。
GeometryReader { geometry in
ZStack {
Circle()
.trim(from: 0.0,to: 0.5)
.stroke(Color.blue,style: StrokeStyle(lineWidth: 5))
.rotationEffect(.degrees(-180))
.frame(width: geometry.size.width)
.opacity(0.5)
.overlay(Circle()
.trim(from: 0.0,to: CGFloat(configuration.fractionCompleted ?? 0) / 2)
.stroke(Color.blue,style: StrokeStyle(lineWidth: 5))
.rotationEffect(.degrees(-180))
.frame(width: geometry.size.width).overlay(
Circle()
.frame(width: 20,height: 20)
.position(x: 0,y: 0)
}
}