nomurabbitのブログ

nomurabbitのブログはITを中心にした技術ブログです。

nomurabbitのブログ

【Swift】iOSアプリ構築勉強してみた Part1【Xcode】

この記事はSwift × Xcode 13.1によるiOSアプリの構築について勉強した内容をまとめたものです。


こんにちは!らびです。今回はSwiftiOSアプリ構築について勉強していきます。

今回のポイントはテキストです。頑張って勉強していきましょう!


プロジェクト


まずはプロジェクトの概要を紹介します。今回はSwiftデフォルトのテンプレートからプログラムを修正していきます。


f:id:nomurabbit:20220313160016p:plain


エミュレータはiPhone13にしてみたジョ


f:id:nomurabbit:20220313160244p:plain

Text View


今回はXcodeコンポーネントの中からText Viewを使用します。デフォルトのテンプレートには最初から配置されていますが、画面右上の+ボタンから新規に追加することもできます。


f:id:nomurabbit:20220313160901p:plain


Text Viewのプロパティは画面左のText Editorもしくは画面右のInspectorから修正することができます。


f:id:nomurabbit:20220313161450p:plain

Text Viewのプロパティ


それではText Viewのプロパティを修正していきましょう。今回は下記の通り修正します。

  1. テキストをHello, nomurabbit!に変更
  2. フォントをTitleに変更
  3. ColorをGreenに変更


変更後のプロパティはこちらです。


f:id:nomurabbit:20220313162048p:plain


Text EditorInspectorのどちらかを修正すると、もう片方にも反映されますね。。

デバッグ


修正した結果をエミュレーターデバッグしてみましょう。


f:id:nomurabbit:20220313162412p:plain


うまく表示されたジョ

まとめ


以上、Swift × Xcode 13.1によるiOSアプリの構築でした。


いろんな方法を勉強して、思い通りにアプリを作れるようになりましょう!


次回もぜひご覧ください。では!