諏訪 悠紀
• underscore Inc.
• Develop, Design, and More...
• iOS, Android, and More...
ブログ

http://dev.classmethod.jp/author/s...
Tips1

Launch Image
Tips1 Launch Image
• 起動画面(スプラッシュ)に使う画像を
AssetCatalogで指定する方法
• Xcode 5からLaunch Imageを使って

指定する(できる)

• この画像、ソースコードから

普通にはア...
Tips1 Launch Image
ipaファイルを解凍してみると…

発見!!

Copyright © Classmethod, Inc.

5
!
Tips1 Launch Image
imageNamed: でアクセスするには…
• 3.5 inch Retina の場合
@”LaunchImage-700”

• 4 inch Retina の場合

なぜ700かは

@”Launch...
Tips2

Slicing Image
Tips2 Slicing Image
• 画像のスライスとは…
ボタンなどのような伸縮する画像に対して、

画像の一部を固定サイズにしたまま伸縮させる機能

• Xcode 5からAsset Catalogで


画像のスライス指定が可能に!...
Tips2 Slicing Image

発見!!

Copyright © Classmethod, Inc.

9
!
Tips2 Slicing Image
ざっくりとした使い方

Left Slicing Handle
この線より左側を固定

Copyright © Classmethod, Inc.

1
!0
Tips2 Slicing Image
ざっくりとした使い方

Inner Slicing Handle
この線から
Left Slicing Handle までを
伸縮させる
Copyright © Classmethod, Inc.

1
...
Tips2 Slicing Image
ざっくりとした使い方

Right Slicing Handle
この線より右側を固定

Copyright © Classmethod, Inc.

1
!2
Tips2 Slicing Image
ざっくりとした使い方

使われない範囲
(描画されない)
Copyright © Classmethod, Inc.

1
!3
Tips2 Slicing Image

伸縮方法の設定

Copyright © Classmethod, Inc.

1
!4
Tips2 Slicing Image
Stretches : 引き伸ばす

Tiles : 繰り返す(パターン)

Copyright © Classmethod, Inc.

1
!5
Tips3

Non-Glossy Icon
Tips3 Non-Glossy Icon
• iOS 6までのアプリアイコンは

非光沢アイコンにできる
• Xcode 4まで使っていたInfo.plistの

Icon already includes gloss effectsは

効...
Tips3 Non-Glossy Icon

発見!!

Copyright © Classmethod, Inc.

1
!8
Tips3 Non-Glossy Icon
After

Before

Copyright © Classmethod, Inc.

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

Copyright © ...
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
Upcoming SlideShare
Loading in …5
×

Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集

21,114 views

Published on

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

Published in: Technology
  • Be the first to comment

Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集

  1. 1. 諏訪 悠紀 • 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 !
  2. 2. Tips1 Launch Image
  3. 3. Tips1 Launch Image • 起動画面(スプラッシュ)に使う画像を AssetCatalogで指定する方法 • Xcode 5からLaunch Imageを使って
 指定する(できる) • この画像、ソースコードから
 普通にはアクセス出来ない!! Copyright © Classmethod, Inc. 4 !
  4. 4. Tips1 Launch Image ipaファイルを解凍してみると… 発見!! Copyright © Classmethod, Inc. 5 !
  5. 5. Tips1 Launch Image imageNamed: でアクセスするには… • 3.5 inch Retina の場合 @”LaunchImage-700” • 4 inch Retina の場合 なぜ700かは @”LaunchImage-700-568h” Copyright © Classmethod, Inc. 6 !
  6. 6. Tips2 Slicing Image
  7. 7. Tips2 Slicing Image • 画像のスライスとは… ボタンなどのような伸縮する画像に対して、
 画像の一部を固定サイズにしたまま伸縮させる機能 • Xcode 5からAsset Catalogで
 画像のスライス指定が可能に!! Copyright © Classmethod, Inc. 8 !
  8. 8. Tips2 Slicing Image 発見!! Copyright © Classmethod, Inc. 9 !
  9. 9. Tips2 Slicing Image ざっくりとした使い方 Left Slicing Handle この線より左側を固定 Copyright © Classmethod, Inc. 1 !0
  10. 10. Tips2 Slicing Image ざっくりとした使い方 Inner Slicing Handle この線から Left Slicing Handle までを 伸縮させる Copyright © Classmethod, Inc. 1 !1
  11. 11. Tips2 Slicing Image ざっくりとした使い方 Right Slicing Handle この線より右側を固定 Copyright © Classmethod, Inc. 1 !2
  12. 12. Tips2 Slicing Image ざっくりとした使い方 使われない範囲 (描画されない) Copyright © Classmethod, Inc. 1 !3
  13. 13. Tips2 Slicing Image 伸縮方法の設定 Copyright © Classmethod, Inc. 1 !4
  14. 14. Tips2 Slicing Image Stretches : 引き伸ばす Tiles : 繰り返す(パターン) Copyright © Classmethod, Inc. 1 !5
  15. 15. Tips3 Non-Glossy Icon
  16. 16. Tips3 Non-Glossy Icon • iOS 6までのアプリアイコンは
 非光沢アイコンにできる • Xcode 4まで使っていたInfo.plistの
 Icon already includes gloss effectsは
 効かなくなった • Asset Catalogではプロパティで変更する Copyright © Classmethod, Inc. 1 !7
  17. 17. Tips3 Non-Glossy Icon 発見!! Copyright © Classmethod, Inc. 1 !8
  18. 18. Tips3 Non-Glossy Icon After Before Copyright © Classmethod, Inc. 1 !9
  19. 19. まとめ
  20. 20. まとめ • Asset Catalogを使いこなそう!! • ブログを公開しました!! http://dev.classmethod.jp/smartphone/ iphone/asset-catalog-tips/ Copyright © Classmethod, Inc. 2 !1

×