Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
諏訪 悠紀
• 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,288 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

×