2/25に行われた、ヤフー vs クラスメソッド 2戦目の発表資料です。 Xcode 5のAsset CatalogのTips集です。

2. 諏訪 悠紀
• underscore Inc.
• Develop, Design, and More...
• iOS, Android, and More...
ブログ
http://dev.classmethod.jp/author/suwa-yuki/
アプリ
http://underscore-app.tumblr.com/
Copyright © Classmethod, Inc.
2
!

3. Tips1
Launch Image

4. Tips1 Launch Image
• 起動画面(スプラッシュ)に使う画像を
AssetCatalogで指定する方法
• Xcode 5からLaunch Imageを使って
指定する(できる)
• この画像、ソースコードから
普通にはアクセス出来ない!!
Copyright © Classmethod, Inc.
4
!

5. Tips1 Launch Image
ipaファイルを解凍してみると…
発見!!
Copyright © Classmethod, Inc.
5
!

6. Tips1 Launch Image
imageNamed: でアクセスするには…
• 3.5 inch Retina の場合
@”LaunchImage-700”
• 4 inch Retina の場合
なぜ700かは
@”LaunchImage-700-568h”
Copyright © Classmethod, Inc.
6
!

7. Tips2
Slicing Image

8. Tips2 Slicing Image
• 画像のスライスとは…
ボタンなどのような伸縮する画像に対して、
画像の一部を固定サイズにしたまま伸縮させる機能
• Xcode 5からAsset Catalogで
画像のスライス指定が可能に!!
Copyright © Classmethod, Inc.
8
!

9. Tips2 Slicing Image
発見!!
Copyright © Classmethod, Inc.
9
!

10. Tips2 Slicing Image
ざっくりとした使い方
Left Slicing Handle
この線より左側を固定
Copyright © Classmethod, Inc.
1
!0

11. Tips2 Slicing Image
ざっくりとした使い方
Inner Slicing Handle
この線から
Left Slicing Handle までを
伸縮させる
Copyright © Classmethod, Inc.
1
!1

12. Tips2 Slicing Image
ざっくりとした使い方
Right Slicing Handle
この線より右側を固定
Copyright © Classmethod, Inc.
1
!2

13. Tips2 Slicing Image
ざっくりとした使い方
使われない範囲
(描画されない)
Copyright © Classmethod, Inc.
1
!3

14. Tips2 Slicing Image
伸縮方法の設定
Copyright © Classmethod, Inc.
1
!4

15. Tips2 Slicing Image
Stretches : 引き伸ばす
Tiles : 繰り返す(パターン)
Copyright © Classmethod, Inc.
1
!5

16. Tips3
Non-Glossy Icon

17. Tips3 Non-Glossy Icon
• iOS 6までのアプリアイコンは
非光沢アイコンにできる
• Xcode 4まで使っていたInfo.plistの
Icon already includes gloss effectsは
効かなくなった
• Asset Catalogではプロパティで変更する
Copyright © Classmethod, Inc.
1
!7

18. Tips3 Non-Glossy Icon
発見!!
Copyright © Classmethod, Inc.
1
!8

19. Tips3 Non-Glossy Icon
After
Before
Copyright © Classmethod, Inc.
1
!9

20. まとめ

21. まとめ
• Asset Catalogを使いこなそう!!
• ブログを公開しました!!
http://dev.classmethod.jp/smartphone/
iphone/asset-catalog-tips/
Copyright © Classmethod, Inc.
2
!1