Download as PDF, PPTX
More Related Content
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
- 2. 諏訪 悠紀 • underscoreInc. • 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.
- 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.
- 8. Tips2 Slicing Image •画像のスライスとは… ボタンなどのような伸縮する画像に対して、 画像の一部を固定サイズにしたまま伸縮させる機能 • Xcode 5からAsset Catalogで 画像のスライス指定が可能に!! Copyright © Classmethod, Inc. 8 !
- 9. Tips2 Slicing Image 発見!! Copyright© Classmethod, Inc. 9 !
- 10. Tips2 Slicing Image ざっくりとした使い方 LeftSlicing Handle この線より左側を固定 Copyright © Classmethod, Inc. 1 !0
- 11. Tips2 Slicing Image ざっくりとした使い方 InnerSlicing Handle この線から Left Slicing Handle までを 伸縮させる Copyright © Classmethod, Inc. 1 !1
- 12. Tips2 Slicing Image ざっくりとした使い方 RightSlicing 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.
- 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