我正在为我的swift应用创建一个注册页面,其中包含一个允许用户选择个人资料图片的按钮,该图片应该替换占位符"添加图片"按钮一旦用户选择了它,使用button.setImage()和新选择的图片。我的问题是,当用户选择图片时,它在屏幕上水平拉伸,而不是约束到按钮的150x150宽度和高度。
这是我的按钮:
let plusPhotoButton : UIButton = {
let b = UIButton(type: .system)
b.imageView?.clipsToBounds = true
b.setImage(#imageLiteral(resourceName: "plus_photo").withRenderingMode(.alwaysOriginal), for: .normal)
b.addTarget(self, action: #selector(setProfilePic), for: .touchUpInside)
return b
}()
我将它添加到视图中:
fileprivate func setupPlusPhotoButton() {
view.addSubview(plusPhotoButton)
plusPhotoButton.anchor(top: view.topAnchor, paddingTop: 50, left: nil, paddingLeft: 0, right: nil, paddingRight: 0, bottom: nil, paddingBottom: 0, width: 150, height: 150)
plusPhotoButton.anchorCenter(x: view.centerXAnchor, y: nil)
}
使用此UIView扩展程序可以更轻松地进行锚定:
extension UIView {
func anchor(top: NSLayoutYAxisAnchor?, paddingTop: CGFloat, left: NSLayoutXAxisAnchor?, paddingLeft: CGFloat, right: NSLayoutXAxisAnchor?, paddingRight: CGFloat, bottom: NSLayoutYAxisAnchor?, paddingBottom: CGFloat, width: CGFloat, height: CGFloat) {
self.translatesAutoresizingMaskIntoConstraints = false
if let top = top {
self.topAnchor.constraint(equalTo: top, constant: paddingTop).isActive = true
}
if let left = left {
self.leftAnchor.constraint(equalTo: left, constant: paddingLeft).isActive = true
}
if let right = right {
self.rightAnchor.constraint(equalTo: right, constant: -paddingRight).isActive = true
}
if let bottom = bottom {
self.bottomAnchor.constraint(equalTo: bottom, constant: paddingBottom).isActive = true
}
if width != 0 {
self.widthAnchor.constraint(equalToConstant: width)
}
if height != 0 {
self.heightAnchor.constraint(equalToConstant: height).isActive = true
}
}
func anchorCenter(x: NSLayoutXAxisAnchor?, y: NSLayoutYAxisAnchor?) {
self.translatesAutoresizingMaskIntoConstraints = false
if let x = x {
self.centerXAnchor.constraint(equalTo: x).isActive = true
}
if let y = y {
self.centerYAnchor.constraint(equalTo: y).isActive = true
}
}
}
我像这样展示我的UIImagePickerController:
func setProfilePic() {
print("setting profile picture")
let imagePickerVC = UIImagePickerController()
imagePickerVC.delegate = self
imagePickerVC.allowsEditing = true
present(imagePickerVC, animated: true, completion: nil)
}
func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {
if let editedImage = info["UIImagePickerControllerEditedImage"] as? UIImage {
plusPhotoButton.setImage(editedImage.withRenderingMode(.alwaysOriginal), for: .normal)
} else if let originalImage = info["UIImagePickerControllerOriginalImage"] as? UIImage {
plusPhotoButton.setImage(originalImage.withRenderingMode(.alwaysOriginal), for: .normal)
}
plusPhotoButton.layer.cornerRadius = plusPhotoButton.frame.width/2
plusPhotoButton.layer.masksToBounds = true
plusPhotoButton.layer.borderColor = UIColor.black.cgColor
plusPhotoButton.layer.borderWidth = 3
dismiss(animated: true, completion: nil)
}
感谢所有的帮助,谢谢!
答案 0 :(得分:0)
没关系 - 只是检查了我的扩展,并没有将我的宽度约束的isActive属性设置为true。咄