ビューのロード後にコーナーの半径を設定する

Question

私はクラスから来たビューを持っていて、そのコーナーの半径をその半分の幅に設定したいと思います。

幅は、autolayoutを使用して作成された計算されたプロパティです。だから、通常私はそう

override func viewWillLayoutSubviews() { 
    super.viewWillLayoutSubviews() 

    c.largeProfileImage.layer.cornerRadius = c.largeProfileImage.frame.width/2 
} 

ようviewWillLayoutSubviews()コーナーradiusプロパティを設定すると思います。しかしlargeProfileImageは、のviewDidLoadと私はタップジェスチャーでそれをアニメーション化した後、それが呼び出される最初のビューではありません。以下は、ビューが画面上にアニメーション表示される場所です。この同じ機能で作成されます。

 //I tried setting the cornerRadius here as well but it isn't setting. 

    //c.largeProfileImage.layer.cornerRadius = c.largeProfileImage.frame.width/2 


    self.view.layoutIfNeeded() 

    UIView.animate(withDuration: 0.5, delay: 0, usingSpringWithDamping: 0.8, initialSpringVelocity: 0, options: .curveEaseOut, animations: { 

     self.profileImageContainerCenterY?.constant = -(c.profileImageContainer.frame.height) * 2 
     self.profileSettingsContainerCenterY?.constant = 0 

     c.profileSettingsContainer.alpha = 1 
     c.largeProfileImage.alpha = 1 

     self.view.layoutIfNeeded() 
    }, completion: { (completed) in 
     self.view.layoutIfNeeded() 
}) 

EDIT：

ここprofileImage

だ

let largeProfileImage: UIImageView = { 
    let pv = UIImageView() 
    pv.contentMode = .scaleAspectFill 
    pv.layer.masksToBounds = true 
    pv.clipsToBounds = true 
    pv.image = UIImage(named: "user") 

    pv.translatesAutoresizingMaskIntoConstraints = false 
    return pv 
}() 

Answer 1

問題を正常にデバッグできました。

幅はレイアウトが

c.largeProfileImage.layer.cornerRadius = c.largeProfileImage.frame.width/2 

self.view.layoutIfNeeded() 

を意味レイアウトされた前に0であっ計算性であったので、ゼロのコーナ半径をもたらしました。

そうソリューション...

は、幅が幅を計算した後、コーナー半径を設定した後からそれを呼び出すことでした。

self.view.layoutIfNeeded() 

c.largeProfileImage.layer.cornerRadius = c.largeProfileImage.frame.width/2 

Answer 2

適切なアニメーションのために、このような順序を変更します。

self.profileImageContainerCenterY?.constant = -(c.profileImageContainer.frame.height) * 2 
    self.profileSettingsContainerCenterY?.constant = 0 
UIView.animate(withDuration: 0.5, delay: 0, usingSpringWithDamping: 0.8, initialSpringVelocity: 0, options: .curveEaseOut, animations: { 
    c.profileSettingsContainer.alpha = 1 
    c.largeProfileImage.alpha = 1 
    self.view.layoutIfNeeded() 
}, completion: nil) 

Answer 3

次の3本のラインがラウンドイメージ -

image.layer.cornerRadius = image.frame.width/2 
image.layer.masksToBounds = false 
image.clipsToBounds = true 

を取得する必要があるあなたは、丸みを帯びたUIImageが表示されることがありますが、あなたはまた、画像が円の内側に乗、あなたがかもしれないことを解決するために気づくかもしれcontentModeで遊んでください。ほとんどの場合.scaleAspectFillが仕事をしています。