如何以編程方式將我的imageView置於另一個ImageView中心

Question

嗨，這是我的第一篇文章。感謝您的幫助。

我創建了一個UIImageView並在其上添加了模糊效果。現在我添加了另一個UIImageView作爲模糊圖像視圖的子視圖。我想弄清楚如何以編程方式使其高度和寬度成比例，以便它在所有屏幕尺寸上都看起來不錯

我想出瞭如何居中，但無法使尺寸看起來不錯。 我希望高度稍微小於其超視圖的高度和它的一個圓，這樣寬度就等於高度。

//create blurred profile picture 
    //first create the uiimageview 
    let blurProfilePic = UIImageView(frame: CGRectMake(0, 64, view.frame.size.width, view.frame.size.height/3.0)) 
    //assign it a value 
    blurProfilePic.image = UIImage(named: "placeholder") 
    //make sure it stays within the created bounds 
    blurProfilePic.layer.masksToBounds = true 
    //center the picture 
    blurProfilePic.contentMode = UIViewContentMode.Center 


    //create blur effect 
    var visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .Light)) as UIVisualEffectView 
    visualEffectView.frame = blurProfilePic.bounds 

    //add blur layer to blurProfilePic 
    blurProfilePic.addSubview(visualEffectView) 

    //create the real profile pic 
    //arbitrary frame 
    let profilePic = UIImageView(frame: CGRectMake(50, 50, 180, 180)) 
    //the 180,180 needs to be changed so that they are sized proportionally for all screens 
    //center it inside the blurimage 
    profilePic.center = CGPointMake(blurProfilePic.frame.size.width/2, blurProfilePic.frame.size.height/2) 
    profilePic.image = UIImage(named: "placeholder") 
    profilePic.layer.borderWidth = 5 
    profilePic.layer.borderColor = UIColor.whiteColor().CGColor 
    profilePic.layer.cornerRadius = profilePic.frame.size.width/2 
    profilePic.clipsToBounds = true 


    blurProfilePic.addSubview(profilePic) 

    view.addSubview(blurProfilePic) 

Answer 1

這對你有幫助嗎？

class ViewController: UIViewController { 
     let blurProfilePic = UIImageView() 
     let profilePic = UIImageView() 

     override func viewWillLayoutSubviews() { 
       blurProfilePic.frame = CGRect(x: 0, y: UIApplication.sharedApplication().statusBarFrame.height, width: view.bounds.width, height: view.bounds.height/3) 

       let blurProfilePicBounds = blurProfilePic.bounds 
       profilePic.frame.size = CGSize(width: blurProfilePicBounds.height, height: blurProfilePicBounds.height) 
       profilePic.center = CGPointMake(blurProfilePicBounds.width/2, blurProfilePicBounds.height/2) 
       profilePic.layer.cornerRadius = profilePic.frame.size.width/2 
     } 

     override func viewDidLoad() { 
       super.viewDidLoad() 

       //assign it a value 
       blurProfilePic.image = UIImage(named: "placeholder") 
       //make sure it stays within the created bounds 
       blurProfilePic.layer.masksToBounds = true 
       //center the picture 
       blurProfilePic.contentMode = .ScaleAspectFill 

       //create blur effect 
       var visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .Light)) as UIVisualEffectView 
       visualEffectView.frame = blurProfilePic.bounds 
       visualEffectView.autoresizingMask = .FlexibleWidth | .FlexibleHeight 
       //add blur layer to blurProfilePic 
       blurProfilePic.addSubview(visualEffectView) 

       profilePic.image = UIImage(named: "placeholder") 
       profilePic.contentMode = .ScaleAspectFill 
       profilePic.layer.borderWidth = 5 
       profilePic.layer.borderColor = UIColor.whiteColor().CGColor 
       profilePic.clipsToBounds = true 

       blurProfilePic.addSubview(profilePic) 

       view.addSubview(blurProfilePic) 
     } 
} 

更新：

這是當我設置profilePic.contentMode和blurProfilePic.conteMode既.ScaleAspectFill快照，似乎還有

如果我設置profilePic.contentMode到.ScaleAspectFit，你可以看到圖像沒有調整大小以填充圓圈。

Answer 2

您是否嘗試過使用CGRectInset（）函數而不是匹配中心？這樣，您可以將父UIImageView的框架分配給子對象，由x，y點插入，並且您不需要擔心將它置於中心位置。