見出し画像

Swiftで行こう--SwiftUI。動画を参考にやってみた。

ちょっと動画で説明されているのをみながらちょっと手軽にPlaygroundで画像など使わずテキストだけにしてやってみました。

この動画は@Stateを使って簡単に画面更新。あとうまく3項演算子を使って場合分けをして画面表示を変えてあります。

@State var isOn = false

最初にfalseと定義しておいてボタンを押したタイミングで

self.isOn.toggle()

falseを反転(toggle())させtrueにしています。

そのタイミングでテキストHello、ボタンの表示も変えてやります。

動画では、画像でやっていますが、簡単に文字にしてみました。

全コードです。

import SwiftUI
import PlaygroundSupport

struct ContentView: View {
   
   @State var isOn = false
   var body: some View {
       VStack{
           Text(self.isOn ? "Hello":"Goodby")
           Button(action: {
               self.isOn.toggle()
           }){
               Text(self.isOn ? "こんにちは":"さよなら")
           }    
       }
       
   }
}
let content = ContentView()
PlaygroundPage.current.liveView = UIHostingController(rootView: content)

こんな感じになります。ボタン押すと表示が変わります。


この記事が気に入ったらサポートをしてみませんか?