[iPhone] 画像を表示 (Apple Watch)

Apple Watch に画像をストーリーボードを使って表示させてみます
 
画像は Assete Catalog に置かないと表示できません
画像サイズは38mm, 42mm 用に作ります
38mm: 272×340
42mm: 312×390
Retina display なので @2xとなります
 
hime2
 

watchOS 2.0
Swift 2.0
Xcode 7.0

 

Images.xcassetes へ画像を設定する

 

Project の作成

 
Project は通常のSwiftでプロジェクトを作成し
Target でWatchKitを追加します
参照:Hello World の作り方
ここでは TestImageとTestImageWatchとして作成しています
 

Images.xcassetes の設定

 
TestImageWatch(storyboardがある方) の Assets.xcassetes を選択して
画像をAppIconがある場所にペーストします

wagasa_girl@2x.png
aisha@2x.jpg
 
スクリーンショット 2015-10-06 13.06.39  

Interface.storyboard の設定

 
「Image」を選んでスクリーンに置きます
 
スクリーンショット 2015-05-08 11.46.25
 
例として、Width, Height を Size To FIt Content に設定します
Imageに「wagasa_girl」「aisha」という候補が出ます
もしこれが出てこないと、設定が正しくありません
 
スクリーンショット 2015-05-07 20.19.48 
これで、実行すると
画像が表示されます
 
hime2

コードでの記述

 
次に、コードから画像を選択して表示してみたいと思います
 
 
WKInterfaceImage の setImageNamed() を使って
InterfaceController.swift に以下のように記述します
 

 
ストーリーボードのimageボックスを右クリックして
Interface Controller に持っていくと候補がでます
それを選択して、コードと紐づけします
 
スクリーンショット 2015-05-08 13.57.04
 
実行します
 
aisha0
 
最初にストーリーボードで設定した
wagasa_girl から、コードで設定した
aisha に画像が変わりました

ページのトップへ戻る
 
sponsored link

シェアする

  • このエントリーをはてなブックマークに追加

フォローする