Xcodeにベクタ画像(pdf)を追加してもジャギる(iOS開発)
iPhoneの種類が増えるにつれ、各解像度にあわせて @1x @2x @3x の画像を用意するようになりました。
そしていつからだか、Xcode(iOS)がベクタ画像 *1 に対応しましたね。
「やったー！これで用意する画像1つだけでいいじゃん！」
と喜びつつも、実際に使用してみると
「ジャギるじゃん！(怒)」
そんなデザイナーやエンジニアのみなさん！
原因が判明しました！
実は
「ベクタ画像に対応した」
→ 「 ベクタ画像がそのまま使用され、どの解像度でも綺麗に表示される 。」
→ 「 ベクタ画像をもとにラスタ画像を生成し、従来 *2 と同様に扱われる。 」
ということでした。
例
100 x 100 px の image.pdf という画像を用意したとすると、ビルド時に下記ファイルが生成される。
| ファイル名 | サイズ |
|---|---|
image.png |
100 x 100 px |
image@2x.png |
200 x 200 px |
image@3x.png |
300 x 300 px |
結論
ベクタ画像(PDF)をセットすると、ビルド時にXcodeで
@1x@2x@3xのPNG画像が生成されて使用される。PDFを使用する場合は、
@1xの時に必要なサイズでPDFを書き出して使用する
参考
xcode 8 import pdf (vector) intro image assets not working well - Stack Overflow
How do vector images work in Xcode (i.e. pdf files)? - Stack Overflow
後記
最低週1くらいは更新できたらいいな。
技術的なこと書くと下調べが面倒臭いからこういう記事になっちゃう。
自作UIViewに@IBDesignableを適用してもうまくいかない問題
自作UIViewに@IBDesignableを適用して、StoryboardやXibファイルで使用しようとしたらビルドがうまく通りませんでした。
原因は、自作のUIViewをXibを使用して作る時の、Xibを読み込むコードに問題が有りました。
解決策
下記コードではなく、
Bundle.main.loadNibNamed("ファイル名", owner: self, options: nil)?.first as? UIView
下記のコードでXibを読み込みます。
Bundle(for: type(of: self)).loadNibNamed("ファイル名", owner: self, options: nil)?.first as? UIView
参考
後記
高校時代にGoogleのBloggerで技術ブログをやってたんですが、はてなブログはマークダウンで記事がかけて楽しいですね笑
なにか間違いや補足、感想などあればコメントお願いします！
Google日本語入力で矢印を入力
矢印「←↓↑→」を入力する時、やじるしやみぎを変換して入力していました。
しかしGoogle日本語入力では変換せずともすぐ入力できるショートカット的なものがありました！
→ を入力する
かな入力の状態で Z キーと L キーを入力するだけ！
調べたら他にも色々あったのでまとめてみました
Google日本語入力 ショートカットまとめ
| 文字 | ショートカット |
|---|---|
| ← | z h |
| ↓ | z j |
| ↑ | z k |
| → | z l |
| … | z . |
| ‥ | z , |
| 〜 | z - |
| 『 | z [ |
| 』 | z ] |
後記
初投稿でした。
Google日本語入力はシークレットモードとかもあるのでまたいつか記事にしますね。
プログラミング関連の投稿をもっとしていきたい。
