SwiftUIとは
SwiftUIは、Appleが開発した、UIを簡単かつ効果的に作成することができるSwiftベースのフレームワークです。
SwiftUIの特徴
SwiftUIの最大の特徴は、以下の2点です:
- 簡潔なコードで美しくインタラクティブなUIを作成できる
- コードとデザインをリアルタイムでプレビューできる
SwiftUIの使い方
基本的なビューの作成
SwiftUIでは、ビューはUIの基本単位です。以下は、テキストビューの例です:
import SwiftUI
struct ContentView: View {
var body: some View {
Text("Hello, SwiftUI!")
}
}
UIの構築例
複数のビューを組み合わせて、より複雑なUIを構築できます:
import SwiftUI
struct ContentView: View {
var body: some View {
VStack {
Text("Welcome to SwiftUI!")
Button(action: {
print("Button tapped!")
}) {
Text("Tap me!")
}
}
}
}
この例では、VStack
を使用して、テキストとボタンを垂直に配置しています。
プレビューの設定
SwiftUIでは、以下のようにプレビューを簡単に設定できます:
import SwiftUI
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
このプレビューは、Xcodeのエディター内でリアルタイムに更新され、UIの調整を効率的に行うことができます。