SwiftUIチュートリアルをやってみる – プロジェクト作成〜TextViewのカスタマイズ

Xcodeで、macOSのアプリをどのように作るのかな？

とチュートリアル探したら、公式サイトがあった。

https://developer.apple.com/tutorials/swiftui/creating-and-combining-views

ただ、チュートリアルの内容を見ると、SwiftUIの概要は、iOSを題材に学んでいくようになっている感じ。

(違うのかもしれないが知識が全然ないのでわからない。。。)

後で参照するために、Wikiにキャプチャを取りながらまとめていこうと思ったのだが、ちょっと面倒。

チュートリアルを愚直に実践するところを動画にしてメモとしてYutubeにあげておくことにする。

1.新しいプロジェクトの作成とCanvas

Xcode Flutterの設定ファイルの修正とか、コンパイルにしか使っていなかったのだが、結構リッチな開発環境なのね。

2.Text Viewのカスタマイズ

こんな感じで、UI作っていくんだ。悪くない。

引き続き実践していこ。

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Turtle Rock")
                .font(.title)
                .foregroundColor(.green)
            HStack {
                Text("Joshua Tree National Park.")
                    .font(.subheadline)
                Spacer()
                Text("California")
                    .font(.subheadline)
            }
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Follow me!

@pppiroto