最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】iOS11中导航栏上图标按钮被放大

iOS crifan 3333浏览 0评论

iOS11中,导航栏上有个图标被放大了:

ios11 navigationbar item scale

ios11 navigationbar item transform

swift – navigation bar rightbaritem image-button bug iOS 11 – Stack Overflow

【总结】

iOS11+Xcode9中,navi bar上的barButtonItem的布局是用autolayout而不是frames

此处由于图片本身比较大,而button的大小比较小,所以autolayout后,图片被stretch撑大了

解决办法是:给button加上对应的宽高约束

代码:

extension UIView {
    func applyNavBarConstraints(size: CGSize) {
        let widthConstraint = self.widthAnchor.constraint(equalToConstant: size.width)
        let heightConstraint = self.heightAnchor.constraint(equalToConstant: size.height)
        heightConstraint.isActive = true
        widthConstraint.isActive = true
    }
}
        let filterBtnSize = CGSize(width: 25, height: 25)
        let fileBtn = UIButton(frame: CGRect(x: 0, y: 0, width: filterBtnSize.width, height: filterBtnSize.height))
        fileBtn.addTarget(self, action: #selector(self.showReportFilterVC(sender:)), for: .touchUpInside)
        fileBtn.setImage(NaviHtmlFilterImage, for: .normal)
        fileBtn.applyNavBarConstraints(size: filterBtnSize)
        let fileBarBtn = UIBarButtonItem(customView: fileBtn)
        self.navigationItem.setRightBarButton(fileBarBtn, animated: true)

效果:

转载请注明:在路上 » 【已解决】iOS11中导航栏上图标按钮被放大

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
83 queries in 0.178 seconds, using 22.07MB memory