Question

所以我试图在保存用户图像的应用程序中创建一个圆形导航栏按钮。我走了继承UIButton并创建自己的自定义类的路线。

除了我尝试捕获图像的那部分之外，其他一切都很好。我使用alamofire根据从Firebase获取的URL获取图像，但是按钮为蓝色？没有图像

我在代码中做错了什么吗

import UIKit
import Firebase
import AlamofireImage
import Alamofire

class CircularNavButton: UIButton {
    var userHandle: DatabaseHandle = 0
    var userRef: DatabaseReference?


    override init(frame: CGRect) {
        super.init(frame: frame)
        setupView()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    @objc func setupView(){
        observeUser()
    }


    @objc func observeUser(){
        self.userHandle = UserService.observeProfile(for: User.current, completion: { (userRef, user, nil) in
            self.userRef = userRef
            guard let userProfilePic = user?.profilePic else{
                return
            }
            Alamofire.request(userProfilePic).responseImage { response in
                debugPrint(response)
                if let image = response.result.value {
                    self.setImage(image, for: .normal)
                    print("image downloaded: \(image)")
                }
            }
        })
    }

    deinit {
        userRef?.removeObserver(withHandle: userHandle)

    }

}

下面是将其添加到导航栏时的初始化

 @objc func setupCircularNavButton(){
    let image = #imageLiteral(resourceName: "sports").withRenderingMode(.alwaysOriginal)

    let customView = CircularNavButton(type: .system)
    customView.addTarget(self, action: #selector(showMenu), for: .touchUpInside)
    customView.imageView?.contentMode = .scaleToFill

    customView.layer.cornerRadius = 15
    customView.clipsToBounds = true

    customView.widthAnchor.constraint(equalToConstant: 30).isActive = true
    customView.heightAnchor.constraint(equalToConstant: 30).isActive = true

    let barButtonItem = UIBarButtonItem(customView: customView)
    navigationItem.rightBarButtonItems?.insert(barButtonItem, at: 0)
}

Answer 1

所以我能够通过在初始化时将按钮类型设置为custom来解决此问题

    let customView = CircularNavButton(type: .custom)

未在自定义UIButton上设置图像

1 个答案: