ナビゲーションバーの右側のバーボタンアイテムとしてカラフルな画像を追加します

ielyamani

色付きの背景画像を持つ右側のナビゲーションバーアイテムを追加します。

let rightButton = UIBarButtonItem(image: UIImage(named: "avatar")!,
                                  style: UIBarButtonItemStyle.Plain, 
                                  target: self,     
                                  action: #selector(self.rightNavBarItemAction))

navigationItem.rightBarButtonItem = rightButton

ボタンの背景(色)として画像を使用する代わりに、白いプレースホルダーを取得します。

あごひげを生やしたショーツ

画像のレンダリングモードをに更新できますUIImageRenderingMode.alwaysOriginal

Swift 4.2:

let img = UIImage(named: "avatar")!.withRenderingMode(.alwaysOriginal)
let rightButton = UIBarButtonItem(image: img,
                                      style: UIBarButtonItem.Style.Plain,
                                      target: self,
                                      action: #selector(self.rightNavBarItemAction))

スウィフト4:

let img = UIImage(named: "avatar")!.withRenderingMode(.alwaysOriginal)
let rightButton = UIBarButtonItem(image: img,
                                      style: UIBarButtonItemStyle.Plain,
                                      target: self,
                                      action: #selector(self.rightNavBarItemAction))

スウィフト3:

let img = UIImage(named: "avatar")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
let rightButton = UIBarButtonItem(image: img,
                                      style: UIBarButtonItemStyle.Plain,
                                      target: self,
                                      action: #selector(self.rightNavBarItemAction))

または、ウラジミールの答えのようにカスタムビューを設定することもできます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ナビゲーションアイテムの左側にバーボタンアイテムを追加する

分類Dev

ナビゲーションバーのバーボタンアイテムとしてお気に入りの愛のアイコンを追加し、クリックすると異なる外観にトリガーします

分類Dev

2つのバーボタンアイテムを使用してナビゲーションバーに戻るボタンを追加する

分類Dev

アクセシビリティは、ナビゲーションバーのタイトルアイテムにフォーカスを設定します

分類Dev

Swiftのナビゲーションバーアイテムボタンの位置を取得します

分類Dev

フレックスボックスを使用して左側のロゴと右側のナビゲーションアイテムを揃える

分類Dev

Swiftのナビゲーションコントローラーなしでナビゲーションバーにバーボタンアイテムを追加する

分類Dev

ナビゲーションバーの右側にgoBackとgoForwardを追加します

分類Dev

ナビゲーションバーの右側のアイテムは、内部のViewControllerを表示すると非表示になります

分類Dev

ナビゲーションバーの右側にテキストをフロートします

分類Dev

iOSSwiftのナビゲーションバーアイテムのアルファ値を変更します

分類Dev

xcode5のxibを使用してデザインすると、ナビゲーションバーのボタンアイテムの画像の色が異なります

分類Dev

UINavigationControllerのナビゲーションバーの背景としてカスタム画像を使用する

分類Dev

ナビゲーションバーのボタンアイテムとコアデータを使用してViewController間で日付を渡す

分類Dev

ナビゲーションバーボタンアイテムの画像

分類Dev

Bootstrap 4でナビゲーションバーアイテムを右側にどのように配置しますか?

分類Dev

Swiftでタイトルの代わりに2つのラベルを追加して、ナビゲーションバーをカスタマイズします

分類Dev

ナビゲーションバーのボタンアイテムにカスタム画像を追加すると、セグエアクションが失われます

分類Dev

下部のナビゲーションバーアイテムをダブルタップしますフラッター

分類Dev

アールグレイを使用してナビゲーションバーの戻るボタンを押す

分類Dev

画像を含むBootstrapナビゲーションバーアイテムの幅を狭くします

分類Dev

ナビゲーションビューのテキストの右側にアイコンを表示します

分類Dev

右から左へのレイアウトに切り替えるときに、ツールバーがカスタムナビゲーションアイコンの矢印を反転しない(アラビア語)

分類Dev

大きなタイトルと右側のUIBarButtonItemを備えたナビゲーションバー

分類Dev

Matplotlib の透明なナビゲーション バー (または、ナビゲーション ボタンをバーなしで追加できますか?)

分類Dev

カートに追加されたアイテムをナビゲーションバーに追加しようとしています

分類Dev

Androidのカスタム下部ナビゲーションバーのアイコンとテキストの配置を変更します

分類Dev

画像をナビゲーションバーの左側に配置し、リストの残りの部分を右側に配置することはできますか?

分類Dev

タブバーアイテムの反応ナビゲーションに画像を追加できません

Related 関連記事

  1. 1

    ナビゲーションアイテムの左側にバーボタンアイテムを追加する

  2. 2

    ナビゲーションバーのバーボタンアイテムとしてお気に入りの愛のアイコンを追加し、クリックすると異なる外観にトリガーします

  3. 3

    2つのバーボタンアイテムを使用してナビゲーションバーに戻るボタンを追加する

  4. 4

    アクセシビリティは、ナビゲーションバーのタイトルアイテムにフォーカスを設定します

  5. 5

    Swiftのナビゲーションバーアイテムボタンの位置を取得します

  6. 6

    フレックスボックスを使用して左側のロゴと右側のナビゲーションアイテムを揃える

  7. 7

    Swiftのナビゲーションコントローラーなしでナビゲーションバーにバーボタンアイテムを追加する

  8. 8

    ナビゲーションバーの右側にgoBackとgoForwardを追加します

  9. 9

    ナビゲーションバーの右側のアイテムは、内部のViewControllerを表示すると非表示になります

  10. 10

    ナビゲーションバーの右側にテキストをフロートします

  11. 11

    iOSSwiftのナビゲーションバーアイテムのアルファ値を変更します

  12. 12

    xcode5のxibを使用してデザインすると、ナビゲーションバーのボタンアイテムの画像の色が異なります

  13. 13

    UINavigationControllerのナビゲーションバーの背景としてカスタム画像を使用する

  14. 14

    ナビゲーションバーのボタンアイテムとコアデータを使用してViewController間で日付を渡す

  15. 15

    ナビゲーションバーボタンアイテムの画像

  16. 16

    Bootstrap 4でナビゲーションバーアイテムを右側にどのように配置しますか?

  17. 17

    Swiftでタイトルの代わりに2つのラベルを追加して、ナビゲーションバーをカスタマイズします

  18. 18

    ナビゲーションバーのボタンアイテムにカスタム画像を追加すると、セグエアクションが失われます

  19. 19

    下部のナビゲーションバーアイテムをダブルタップしますフラッター

  20. 20

    アールグレイを使用してナビゲーションバーの戻るボタンを押す

  21. 21

    画像を含むBootstrapナビゲーションバーアイテムの幅を狭くします

  22. 22

    ナビゲーションビューのテキストの右側にアイコンを表示します

  23. 23

    右から左へのレイアウトに切り替えるときに、ツールバーがカスタムナビゲーションアイコンの矢印を反転しない(アラビア語)

  24. 24

    大きなタイトルと右側のUIBarButtonItemを備えたナビゲーションバー

  25. 25

    Matplotlib の透明なナビゲーション バー (または、ナビゲーション ボタンをバーなしで追加できますか?)

  26. 26

    カートに追加されたアイテムをナビゲーションバーに追加しようとしています

  27. 27

    Androidのカスタム下部ナビゲーションバーのアイコンとテキストの配置を変更します

  28. 28

    画像をナビゲーションバーの左側に配置し、リストの残りの部分を右側に配置することはできますか?

  29. 29

    タブバーアイテムの反応ナビゲーションに画像を追加できません

ホットタグ

アーカイブ