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