LoginSignup
3
1

More than 5 years have passed since last update.

Asset Catalogのslicingは縦のtilesが上手く行かない?

Last updated at Posted at 2018-01-09

タイトルの通りです:disappointed_relieved:
もし解決法をご存知の方いらっしゃいましたらぜひコメントで教えてください:bow:

slicingって何って方は適当に検索して調べてください:smiling_imp:
ざっくり説明すると画像の一部だったり全体を縦横に引き伸ばしたり繰り返したりできる機能です:bulb:

確認方法

適当な画像を用意し、slicingを設定し、UIImageViewで表示させます。
IB上の表示は以下の通り。比較のためにstretchの画像も並べてます。
スクリーンショット 2018-01-09 22.18.58.png
良さそうですね。これが期待する結果です。ですが、シミュレータで実行してみると・・・
iphone.png
(位置の設定をちゃんとしなかったので、一部見切れたりしてるのは目を瞑ってください:see_no_evil:)
横方向のみは期待通りですが、縦方向は一番上、縦横方向は右上の一つしか画像が表示されません。
ちなみに実機でやっても同じように画像が一つしか表示されませんでした。ただし自分が試した限りでは6plus(iOS10)だけはIB通りに表示されました。

解決方法

UIImageresizableImage(withCapInsets:resizingMode:)を使います。
ドキュメント
なんだよ結局コードでやるのかよ!という声が聞こえてきそうですが、これ以外にできる方法を見つけられませんでした。

おわりに

なぜこうなってしまうんでしょうか?IB上は期待通りに表示されるので、上手く行くもんだと思ってしまうじゃないですか:rage:
背景画像を縦横タイルでなんてよくありそうですが、皆さんどうされているんでしょうか?:confused:
6plus(iOS10)だけは上手く行ったのも不思議です:space_invader:もっと端末とOSの組合せでちゃんと検証すべきですが、いかんせん面倒くさい時間が無く・・・:sweat:
もしコード以外の解決方法を知っている方は、ぜひコメントでご教授ください:laughing:

3
1
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
3
1