Swiftの研修に参加したので、備忘録としてやったことを残しておこうと思います。

Xcodeの使い方

画像を表示するだけのアプリの作成

起動 & プロジェクトの作成

まずは「Create a new Xcode project」を選択します。
f:id:portaltan:20150708204717p:plain

今回ははじめてなので、「Single View Application」を選択Nextをクリックします。
f:id:portaltan:20150708204919p:plain

次にProduct Name と Organization Nameに好きな名前を入れます。
LanguageはSwift, DevicesはiPadにしましょう。
f:id:portaltan:20150708205203p:plain

今から作成するプロジェクトの保存先を聞かれるので、適当なところを選択します。

開発の開始

こんな画面が登場して、開発の準備が整いました。
今回は超初歩ということで、縦置きのみに対応したアプリにします。
Deployment infoのDevice orientationのPortrait(縦方向)以外のチェックを外します。
f:id:portaltan:20150708205743p:plain

Story Board

次に一番左のバーにあるMain.storyboardというファイルを選択します。
これはGUIでVIewとなる部品をセットする機能です。
簡易的なiPadの画面が表示されたら、右下の昔の銭硬貨みたいなボタンをクリックします。
f:id:portaltan:20150708210915p:plain

次にその下部のライブラリペインから、「Image View」をドラッグし、ガイド線に合わせてStoryBoardのiPadの上にもってきます。
うまく配置できたら、StoryBoard一番右下の△みたいなマークを押して、「Add missing constraints」を選択します。これはデバイスの種類を問わずに画面部品が正しく表示できるようにする設定です。
ここまでいったら、次に右上にある丸が二つ重なったボタンをクリックします。
f:id:portaltan:20150708211519p:plain

Story board(GUI)とSwift(コード)の関連づけ

この状態では、左のStoryBoardと右のSwiftのコードが連携していないので、これを関連づけさせます。
StoryboardのUIImageViewという青いエリアでControlを押しながらドラッグし、右のソースのクラス宣言のすぐ下までドラッグします。
うまくいけば下のような画面が出てくるので、好きな変数名をいれます。
(今回は[testImage]にしました。）
f:id:portaltan:20150708212004p:plain

ドラッグじゃなくて直打ちでもいいですが、その場合でも逆にコードからStoryboardへの連携作業が必要になります。

画像の追加

左のディレクトリツリーにある、Supporting Filesを右クリックし、「Add Files to...」を選択し、使用しい画像を選択する。
この際にCopy file if neededにチェックをいれます。
f:id:portaltan:20150708212828p:plain

Supporting Files ディレクトリにファイルが追加されたことを確認したら、Swift側でこの画像を表示させる設定を書きます。
viewDidLoadファンクションに１行追加します。

override func viewDidLoad() {
    super.viewDidLoad()
    testImage.image = UIImage(named: "P1020516.JPG")  #<==== この１行を追加
    // Do any additional setup after loading the view, typically from a nib.
}