swift

【swift2.2】初心者がswiftで作ったカレンダーアプリ ③IBOutlet、IBAction、その他の設定〜前編〜

カレンダーを表示するシンプルなアプリを作ります。

目次
①プロジェクトを作成
②Storyboardにパーツを配置、AutoLayoutを設定
③IBOutlet、IBAction、その他の設定〜前編〜
④IBOutlet、IBAction、その他の設定〜後編〜
⑤プログラムを書く
⑥確認する



IBOutlet、IBAction、その他の設定〜前編〜
画面右上にある[Show the Assistant editor]をクリックし、ViewControllerが開いていることを確認する

Assistant-editor

「前の月」を選択、controlキーを押したままドラックアンドドロップで「class ViewController: UIViewController { 」のすぐ下に配置する

buttonRightDragAndDrop

[Name]に「prevBtn」と入力する

prevBtn

「前の月」を選択、controlキーを押したままドラックアンドドロップで「class ViewController: UIViewController { 」のすぐ下に配置する

DragAndDrop1

[connection]を[Action]にし、[Name]に「tappedPrevBtn」と入力する

tappedPrevBtn

背景を選択、controlキーを押したままドラックアンドドロップで「class ViewController: UIViewController { 」のすぐ下に配置する

DragAndDrop2

[Name]に「header」と入力する

header

「Label」を選択、controlキーを押したままドラックアンドドロップで「class ViewController: UIViewController { 」のすぐ下に配置する

labelDrag

[Name]に「yearMonthLabel」と入力する

yearMonthLabel

「次の月」を選択、controlキーを押したままドラックアンドドロップで「class ViewController: UIViewController { 」のすぐ下に配置する

buttonDrag1

[Name]に「nextBtn」と入力する

nextBtn

「次の月」を選択、controlキーを押したままドラックアンドドロップで「class ViewController: UIViewController { 」のすぐ下に配置する

buttonDrag2

[connection]を[Action]にし、[Name]に「tappedNextBtn」と入力する

tappedNextBtn

CollectionViewを選択、controlキーを押したままドラックアンドドロップで「class ViewController: UIViewController { 」のすぐ下に配置する

collectionViewDrag

[Name]に「calenderCollectionView」と入力する

calenderCollectionView

CollectionViewを選択、controlキーを押したままViewControllerへドラックアンドドロップする

dateDrag

「DataSource」を選択する

dataSourceCheck

CollectionViewを選択、controlキーを押したままViewControllerへドラックアンドドロップする

dateDrag

「delegate」を選択する

delegateCheck

①cellの中のLabelを選択、②画面右上にある[Show the Identity inspector]を選択、③[Label]内[Font]を[System 11.0]にする

font

画面下にある①[Pin]をクリックし、②、③を入力、④をクリックする
※③はoffonに変えてから入力する


autolayout

画面下にある[Resolve Auto layout issues]をクリックし、[Update Frames]をクリックする

autoLyaout

関連記事

  1. swift

    【swift2.2】初心者がswiftで作ったカレンダーアプリ ②Storyboardにパーツを配置…

    カレンダーを表示するシンプルなアプリを作ります。目次①プロ…

  2. swift

    【swift2.2】初心者がswiftで作ったカレンダーアプリ ①プロジェクトを作成

    カレンダーを表示するシンプルなアプリを作ります。目次①プロ…

  3. swift

    【swift2.2】初心者がswiftで作ったカレンダーアプリ ⑤プログラムを書く

    カレンダーを表示するシンプルなアプリを作ります。目次①プロ…

  4. swift

    【swift3.0】MIDIファイルを再生させる

    swift3.0でMIDIファイルを再生させます。…

  5. swift

    【swift2.2】初心者がswiftで作ったカレンダーアプリ ~目次~

    カレンダーを表示するシンプルなアプリを作ります。G…

  6. swift

    【swift2.2】初心者がswiftで作ったカレンダーアプリ ④IBOutlet、IBAction…

    カレンダーを表示するシンプルなアプリを作ります。目次①プロ…

カテゴリー

おすすめ記事

アーカイブ

PAGE TOP