我试图让我的UINavigationBar
在左上角显示圆形个人资料图片。我可以使用以下实例化使其轻松显示图像/图标。
self.navigationItem.leftBarButtonItem = UIBarButtonItem(image: icon, style: .plain, target: self, action: #selector(funcToCall))
问题是,在尝试使用个人资料图片时,自定义视图和图像实例化都不会产生所需的结果。
尝试 1 -- Swift 4(图像实例化)
let img = originalImage.withRenderingMode(.alwaysOriginal)
self.navigationItem.leftBarButtonItem = UIBarButtonItem(image: img, style: .plain, target: self, action: #selector(goToProfile))
此尝试会产生以下结果。
问题:
- 即使我指定了
leftBarButtonItem
,它也显示在中间 - 我无法使用此策略生成圆形按钮,因为没有视图可以更改
cornerRadius
。
尝试 2 -- Swift 4(自定义视图)
let idealButton = UIButton(frame: CGRect(x: 0, y: 0, width: 32, height: 32))
idealButton.setImage(imgToUse, for: .normal)
idealButton.imageView?.contentMode = .scaleAspectFill
idealButton.imageView?.layer.cornerRadius = 0.5 * idealButton.frame.width
idealButton.imageView?.layer.borderWidth = 0.75
idealButton.imageView?.layer.borderColor = rgba(240,240,240,1).cgColor
idealButton.addTarget(self, action: #selector(goToProfile), for: .touchUpInside)
navigationItem.setLeftBarButton(UIBarButtonItem(customView: idealButton), animated: false)
此尝试会产生以下结果。
问题
- 图像跨越整个
UINavigationBar
。它不受指定尺寸的限制。
任何帮助都非常感谢。谢谢!
让我们尝试一下添加UIButton
作为UINavigationBar
的子视图
因此,从创建按钮并设置其属性开始(您可以在全局范围内使用lazy
变量)
lazy var idealButton: UIButton = {
let button = UIButton()
button.setImage(imgToUse, for: .normal)
button.imageView?.layer.cornerRadius = 16
... // set other button's properties (border, target, colors, etc.)
return button
}()
现在将此按钮添加为当前navigationController
navigationBar
的子视图
guard let navigationBar = navigationController?.navigationBar else { return }
navigationBar.addSubview(idealButton)
然后只需为按钮设置约束(您需要根据需要设置高度和宽度,左侧和底部约束等于navigationBar
的约束)
idealButton.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
idealButton.leftAnchor.constraint(equalTo: navigationBar.leftAnchor, constant: 20),
idealButton.bottomAnchor.constraint(equalTo: navigationBar.bottomAnchor, constant: -6),
idealButton.heightAnchor.constraint(equalToConstant: 32),
idealButton.widthAnchor.constraint(equalToConstant: 32)
])