xcode 5のasset catalogにまつわる今すぐ使えるtips集

Copyright © Classmethod, Inc.

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

!2

http://dev.classmethod.jp/author/suwa-yuki/

ブログ

http://underscore-app.tumblr.com/アプリ

http://dev.classmethod.jp/author/suwa-yuki/

http://underscore-app.tumblr.com/

Tips1

Launch Image


Tips1 Launch Image

•起動画面(スプラッシュ)に使う画像をAssetCatalogで指定する方法

• Xcode 5からLaunch Imageを使って指定する(できる)

•この画像、ソースコードから普通にはアクセス出来ない!!

!4


Tips1 Launch Image

ipaファイルを解凍してみると…

!5

発見!!


Tips1 Launch Image

imageNamed: でアクセスするには… • 3.5 inch Retina の場合

@”LaunchImage-700”

• 4 inch Retina の場合 @”LaunchImage-700-568h”

!6

なぜ700かは

謎

Tips2

Slicing Image


Tips2 Slicing Image

•画像のスライスとは… ボタンなどのような伸縮する画像に対して、画像の一部を固定サイズにしたまま伸縮させる機能

• Xcode 5からAsset Catalogで画像のスライス指定が可能に!!

!8

Copyright © Classmethod, Inc. !9

Tips2 Slicing Image

発見!!


ざっくりとした使い方

!10

Tips2 Slicing Image

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



!11

Tips2 Slicing Image

Inner Slicing Handle この線から Left Slicing Handle までを伸縮させる



!12

Tips2 Slicing Image

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



!13

Tips2 Slicing Image

使われない範囲 (描画されない)


Tips2 Slicing Image

伸縮方法の設定


Stretches : 引き伸ばす

!15

Tips2 Slicing Image

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

Tips3

Non-Glossy Icon


Tips3 Non-Glossy Icon

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

Icon already includes gloss effectsは効かなくなった • Asset Catalogではプロパティで変更する



発見!!



Before After

まとめ


まとめ

• Asset Catalogを使いこなそう!!

•ブログを公開しました!! http://dev.classmethod.jp/smartphone/iphone/asset-catalog-tips/

!21

http://dev.classmethod.jp/smartphone/iphone/asset-catalog-tips/

xcode 5のasset catalogにまつわる今すぐ使えるtips集

Technology