tyagishi/CircularText

CircularText

Convenient SwiftUI view which place string along specified circle.

image

initializer

public init(displayText:String,
            radius: CGFloat,
            font: Font = .body,
            color: Color = .black,
            startAngle:Double = 0.0,
            endAngle: Double? = nil,
            stepAngle: Double = 4,
            clockwise: Bool = true) {
  ....
}

View will display displayText with specified font/color along circle which has specified radius between startAngle and end Angle. or if endAngle is Not given, each character will placed every 4 degree. (or you can specify step degree too).

displayText and radius is mandatory arguments.

code example

import SwiftUI
import CircularText

struct ContentView: View {
    @State var text1 = "This is a pen."
    let width:CGFloat = 30
    let radius:CGFloat = 150
    var body: some View {
        VStack {
            ZStack {
                Circle()
                    .inset(by: width/2)
                    .stroke(Color.gray, lineWidth: 30)
                CircularText(displayText: text1, radius: radius-15, color: .red)
            }
            .frame(width: radius * 2, height: radius * 2)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}