【Xcode】アプリ画面にテキストを表示してみる

Xcode

アプリの画面に「Hello Word」と表示させるアプリを作成したいと思います。

完成図はこんな感じです。

ボタンを押したら、画面に「Hello Word」と表示されます。簡単なアプリなので、ぜひ作成してみてください。

開発環境はXcode Version 12.5.1です。

最初はストーリーボードにテキストラベルとボタンを配置します。「Main.storyboard」をクリックします。

画面中央の右寄りの「+」マークをクリックします。

ウィンドウから「Label」をiPhoneの画面(白い画面)にドラッグ&ドロップします。

ウィンドウから「Button」をiPhoneの画面(白い画面)にドラッグ&ドロップします。

「Label」の幅と高さを調整します。

UI部品とコードを接続します。右側の「Adjust Editor Options」をクリックします。

「Assistant」を選択します。

「Assistant」を選択すると右側に「ViewController.swift」が表示されます。controlキーを押しながら、Labelをドラッグすると青い線が表示されます。16行目あたりでドロップします。

ドロップすると、ウィンドウが出てくるので、Nameのところに「textLabel」と入力します。

Labelと同じように、Buttonもドラッグ&ドロップします。

ドロップすると、ウィンドウが出てきます。Nameに「buttonPress」と入力します。

Labelを中央揃いに設定します。画面の右上のマークをクリックすると、設定用のエリアが表示されます。

設定する前に「Text Label」を選択しましょう。

右側に設定用のエリアが表示されたら、「Alignment」の中央揃いを選択します。

左側の「View Controller .swift」を選択します。

@IBAction func buttonPress(_ sender: Any)の中に

textLabel.text = "HelloWord"

を入力します。

これで完成です。

左側の再生ボタンをクリックすると、シュミレーターが起動します。

画面の「Button」をクリックすると「Label」が「HelloWord」に変わります。

シュミレーターを停止したい時は、画面に左側の停止ボタンをクリックします。

タイトルとURLをコピーしました