SwiftUIとりあえず試すまで

Swift UIの体験の仕方

SwiftUIを体験したり、試すのに必要な手順です。

とりあえずアプリで使えるまで

1. 新しいプロジェクトを作る

2. Applicationを選択(Single View Appで良い)

3. プロジェクトのオプションでLanguage: Swift、UserInterface: SwiftUIで選択する
   

4. コードは既に生成されているので実行する。

ちなみにObjectiveCとSwiftUIの組み合わせは選択できません。

できた！

とりあえずPlaygroundで試せるようにするまで。

1. Playgroundを開いて、以下を記入、実行する。

import SwiftUI
import PlaygroundSupport

struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
    }
}

// playgroundでの実行に必要
PlaygroundPage.current.liveView = UIHostingController(rootView: ContentView())

できた！

ツールの使い方。

Playgroundは基本的に実行ボタンを押すだけです。こちらでは主にXcodeでProjectを開発している時の使い方について書きます。

プレビュー機能

簡単にSwiftUIのコードを試せる機能があります。

右上にあるResumeボタンを押しましょう。

この状態でコードを変更すると、UIのプレビューも同時に変わります。

GUIを利用してUIを修正する

Commandを押しながら、UI部品をクリックすると、メニューが出ます。
Show SwiftUI Inspectorを選択すると、その部品の操作が直感的に行えます。

Command + Clickでメニュー

Inspector

Inspector上で変更した項目は、SwiftUIのコード側にも自動で反映されます。

• InspectorはUI部品を選択して、Command + Option + 4でも呼び出せます！
• SwiftUIのコードのUI部品をCommand + Clickでもメニューは出せます。

まとめ

Swift UI是非試してみてください。