外部クラスに対するオートレイアウト

実現したいこと

現在、タイマーアプリの作成をしています。その中でカウントダウンを視覚的に見せるためにKDCircularProgressという外部からのクラスを使用しています。(https://github.com/kaandedeoglu/KDCircularProgress)。実現したいこととしましては、このKDCircularProgressの位置をオートレイアウトで設定したいと思っております。具体的には、下記スクリーンショット(スクリーンショット1枚目参照)内のボタンとの距離に対して制約をかけたいと考えてます。なお、KDCircularProgressはタイマーがスタートしたタイミングで呼び出され、時間設定の時には　PickerViewが表示されるようになっている(スクリーンショット2枚目参照)。

発生している問題

オートレイアウトを達成するためにKDCircularProgressのコードをいじるべきなのか、それともviewDidLoad内で行うことができるのかがわかっていない。なおCGRectとオートレイアウトは真逆の関係ということは理解しています。もし、上記の実現したいことを実現できる手がかりとなるようなリンク・サンプルコードを提供していただけると幸いです。

コード

KDCircularProgress.swift (GitHub)
自身のコードは以下の通りになります（該当するコードのみ）。

class ViewController: UIViewController {
   let progress = KDCircularProgress(frame: CGRect(x: 0, y: 0, width: 300, height: 300))
   override func viewDidLoad() {
        
        super.viewDidLoad() {
            progress.startAngle = -90
            progress.progressThickness = 0.2
            progress.trackThickness = 0.6
            progress.clockwise = true
            progress.gradientRotateSpeed = 1
            progress.roundedCorners = false
            progress.glowMode = .forward
            progress.glowAmount = 0.9
            progress.set(colors: UIColor.cyan ,UIColor.white, UIColor.magenta, UIColor.white, UIColor.orange)
            progress.center = CGPoint(x: view.center.x, y: view.center.y + 20)    
        }
    }
}

スクリーンショット（一部）

スクリーンショット1枚目

スクリーンショット2枚目

補足情報

swift: 4.2
XCode: 11.5

hoshi-takanori

2020/06/24 20:05 編集

KDCircularProgress を Storyboard に配置して制約を張ればいいのでは。IBInspectable に対応してるようなので、startAngle などの設定も Storyboard でできるかも。あと、リンクが間違ってるので、https と // の間に : を入れてください。