🧱 UIKitの基本構成
- UIView:画面上のすべての部品のベース(ラベル、ボタンなど) - 詳細
- UIViewController:画面ごとの処理をまとめるコントローラー - 詳細
- Storyboard / XIB:画面設計のビジュアル編集ツール - 詳細
💡 SwiftUIとの違い
| UIKit | SwiftUI |
|---|---|
| 命令型UI(手続きで構築) | 宣言型UI(構造で表現) |
| iOS 2.0〜全バージョン対応 | iOS 13以降が対象 |
| StoryboardやXIBを使う | コードのみでUIを構築 |
🔧 よく使うUIKitのUI部品
UILabel:テキスト表示 - 詳細UIButton:タップ可能なボタン - 詳細UIImageView:画像表示 - 詳細UITextField:1行のテキスト入力 - 詳細UITableView:リスト表示(スクロール可能) - 詳細UICollectionView:グリッド表示(カスタマイズ可能) - 詳細UIAlertController:アラートやアクションシートの表示 - 詳細
// ラベルをコードで追加
let label = UILabel()
label.text = "こんにちは"
label.textColor = .black
view.addSubview(label)
🧭 UIViewControllerの役割
UIKitでは、画面の単位は UIViewController で管理されます。
class HelloViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .white
print("画面が読み込まれました")
}
}
viewDidLoad() は画面が読み込まれた直後に一度だけ呼ばれる初期処理です。
🛠 Storyboardの基本
📚 UIKitを学ぶおすすめリソース
- Apple公式ドキュメント(UIKit)
- Swift Playgrounds
- 書籍:『iOSアプリ開発の教科書』『UIKit徹底入門』など