0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

iOSアプリの作成(ボタンとラベルのみのシンプルコード)

Last updated at Posted at 2020-07-04

前提

ボタンとラベルを追加

MainStoryboardにボタンとラベルを追加する
image.png

Buttonをドラッグ
image.png

配置したい場所ではなす
image.png

ラベルやフォントを変更する
image.png

(参考)サイズが異なるiPhoneでも同じ位置に表示されるようにするには、Autoresizingの設定を変更する
image.png

同様の方法でラベルを配置する
image.png

(参考)Autoresizingの設定
image.png

ラベルを参照するOutletコードを追加

Assistantビューを表示してレイアウトとコードが両方表示されるようにする
image.png

不要なペインを非表示にして広く表示できるようにする
image.png

(非表示にした後)
image.png

Control を押しながらラベルをコードにドラッグし、Outletを追加する
image.png

Outlet名をつけてConnect
image.png

コードが追加される
image.png

ボタン押下時のActionコードを追加

Controlを押しながらボタンをコードにドラッグしてActionを追加する
image.png

Action名をつけてConnect
image.png

Actionのコードが追加される
image.png

ボタン押下時にLabelのテキストが変わるコードを追記する

ViewController.swift
    @IBAction func execute(_ sender: Any) {
        resultLabel.text = "実行しました"
    }

シミュレーターで動作確認

シミュレーターで実行して動作確認
image.png

image.png

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?