酢ろぐ!

カレーが嫌いなスマートフォンアプリプログラマのブログ。

UIImageViewやUIButtonのbackgroundImageに特定の画像を設定するとなぜか間延びして表示されていた

特定の画像をUIImageViewやUIButtonで表示させると一部分を伸ばして表示したような……9patchみたいな表示がされていた。Images.xcassetsから特定の画像を削除して、再度追加したところ問題は発生しなくなった。

gitで差分を確認するとImages.xcassets/button_03.imageset/Contents.json9-partモードで表示させる設定になっていたのが原因でした。

    {
      "resizing" : {
        "mode" : "9-part",
        "center" : {
          "mode" : "tile",
          "width" : 1,
          "height" : 1
        },
        "cap-insets" : {
          "bottom" : 60,
          "top" : 59,
          "right" : 59,
          "left" : 59
        }
      },
      "idiom" : "universal",

問題のある画像を削除して再追加する方法に気付くまで結構時間がかかってしまった。