11
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

NavigationBarの色を固定する方法

Last updated at Posted at 2022-01-13

今回はNavigationBarの色について記述します。

Xcodeを13.1にアップデートしてから画面をスクロールするとNavigationBarの色が変化してしまうなってずっと悩んでいたものがやっと解決されとてもうれしいです。。

NavigationBarの色を固定していない NavigationBarの色を固定
notkotei.gif kotei.gif

##解決方法!!

以下gif画像のように動作する。

  1. 色の設定をしたいStoryBoardにてNavigationBarを選択
  2. **[ユーティリティエリア]>>[NavigationBar][Appearances]の[Standard]と[Scroll Edge]にチェックをいれる
    2. →→すると
    [Standard Appearance]と[Scroll Edge Appearance]**を設定できるようになる
  3. それぞれのBackGroundを好みの色に設定する

完了!!

setti.gif
( 画質悪くてすいません、m(_ _)m )

##役割解説

Appearance Standard Scroll Edge
状態 画面がスクロールされてるとき 画面がスクロールされてないとき
イメージ ファイル名 ファイル名

##おまけ
いじっていたらグラデーションができたのでおまけでつけておきます

  1. 色の設定をしたいStoryBoardにてNavigationBarを選択

  2. **[ユーティリティエリア]>>[NavigationBar][Appearances]の[Scroll Edge]**にチェックをいれる

  3. [Scroll Edge Appearances]の**[BackGround][default]**に設定する
    スクリーンショット 2022-01-14 午前0.38.16.jpg

  4. [NavigationBar]自体の**[BackGround]**を好みの色に設定する
    スクリーンショット 2022-01-14 午前0.38.22.jpg

[実行結果]
ファイル名

11
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?