【Swift】カスタムボタンを作る

画像を使ったカスタムボタンを作成してみたので、手順を残したいと思います。

override func viewDidLoad() {
    super.viewDidLoad()
         
    let inviteButton =  UIBarButtonItem(image: UIImage(named: "invite"), style: .plain, target: self, action: #selector(self.inviteButtonPressed))
            
    let searchButton = UIBarButtonItem(image: UIImage(named: "nearMe"), style: .plain, target: self, action: #selector(self.searchNearByButtonPressed))
            
    self.navigationItem.rightBarButtonItems = [inviteButton, searchButton]
}

UIBarButtonItemクラスを作成し、UIImage(named: "invite")でボタンの画像を指定しています。画像の名前を指定して下さい。 #selectorでタップしたときの処理を記載しています。

navigationItem.rightBarButtonItems = [inviteButton, searchButton]でどこに配置するかを定義しています。今回はnavigationItem.rightBarButtonItemsなので、右上の方に表示させています。さらに、[inviteButton, searchButton]でinviteButtonから右に配置しています。

見て把握できるのがいいですね。配列のボタンは画面の右から配置されることだけ注意が必要です。