iOS

iPhone XでのUINavigationBar/UITabBarの背景をFitさせる方法

投稿日:

iPhone Xになって、UINavigationBarの高さが変わりました。それによりUINavigationBarの背景画像のサイズが合わず、デザインが崩れてしまいました。詳細は勉強中なのですが、対応する方法を見つけたので、メモ書きしておきます。


let img = UIImage(named: "nav-background")?.resizableImage(withCapInsets: UIEdgeInsets(top: 0, left: 0, bottom: 30, right: 0), resizingMode: .stretch)
UINavigationBar.appearance().setBackgroundImage(img, for: .default)

ポイントは、resizableImageでストレッチさせることです。一般的な方法だと思いますが、iOS実装で画像ストレッチをあまり使ったことがなかったので、すぐに解決できませんでした。

また、resizableImageの返り値がリサイザブルなUIImageですので、UIImageオブジェクトに対して、メソッドを読んだだけではいけません。代入するか、メソッドの結果を利用する必要があります。

UIEdgeInsetsは、Androidの9-patchほど多機能ではないようですが、ストレッチさせる領域を指定すればよいようです。
例の場合、画像の上の方をストレッチしてほしい場合になります。

引用元

UINavigationbar background image too smalldevno.com







-iOS

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スパム対策に簡単な計算にご協力ください。 *

関連記事

no image

iOS: #importしているのに、cannot find protocol declaration for **

iOS(Objective-C)で、#importをしているのに、宣言箇所を見つけられない(cannot find protocol declaration for)という問題にハマった。 別のクラス …

no image

TestFlightで「Appをダウンロードできません」でインストール出来ない

iOSアプリの申請中に、審査が遅いなと一週間も待っていた挙句に、そういえばTestFlightでテストしてないなと思い、インストールしようとしたところ、「Appをダウンロードできません」と言われて、途 …

no image

CoreDataで「CoreData could not fulfill a fault」

CoreDataにアクセスすると、「CoreData could not fulfill a fault」が発生する場合の対処法。 faultはデータを読み込めていない状態なのですが、それを解決しよう …

no image

AFNetworkingでエラー時にレスポンスを参照する。

AFNetworkingはデフォルトでは、HTTPレスポンスコードが200系でない場合、failureブロックを起動するのですが、failureにはresponseObjectが渡されないので、400 …

スマホアプリ サイクリングマップ紹介

スマホ(iPhone)用のアプリ、サイクリングマップをAppStoreで公開中です。位置情報の登録・閲覧と、口コミが可能です。 ロードバイクで駐輪できる?、安全?、レースパンツで入れる雰囲気?、美味い …




アプリをリリースしました!まだまだ機能や情報も足りてませんがよろしくお願いします。

サイクリングマップ

Google Play で手に入れよう

kitatamittakaと申します。IT系で詰まったことを自分のためと、ひょっとしたら誰かのために残そうと思います。

仕事

プログラミング好きのSE
仕事でプログラミングすることはあまりありません。

趣味

IT全般
新しい技術やガジェットに興味があります。
ロードバイク
別のブログを書いています。
SEがロードバイクに乗る
古代ローマの歴史
ローマ人の物語を読みました
映画
好きなのはガタカ、ペイフォワードなど
ブログランキング・にほんブログ村へ

モッピー!お金がたまるポイントサイト