content="o8Fpy_5mlavbp4rmTFyebSMR-oOz-T6XkJscIOJGx4I" 【swiftUI】2回タップすると色が変わる仕組みを実装する - AOUNI BLOG

swiftUI プログラミング

【swiftUI】2回タップすると色が変わる仕組みを実装する

こんにちは!アオウニです♪
今回はアプリ作成に必須のswiftUIを使って
「2回タップルすると色が変わる仕組み」
を実装していくよ。

まずはXcodeを開いて

+Create a new Xcode project

をクリック!

iphoneアプリを作るために
iOS、そしてAppをクリックしてNextへいきます。

Product NameのところにMyTestAppと仮で入力します

Teamは無記入でもOKです。

すると、このような画面が出来上がります。

ContentView.swiftを開いて、コードを修正していきます。

修正後のコードです。

//
//  ContentView.swift
//  MyTestApp
//
//  Created by 白石彩乃 on 2022/05/07.
//

import SwiftUI

struct ContentView: View {
    @State var msg:String = "Start!"
    @State var c:Color = Color.white
    
    var body: some View {
        VStack {
            Text(self.msg)
                .font(.largeTitle)
                .frame(width: UIScreen.main.bounds.size.width, height: 70)
                .background(self.c)
                .onTapGesture(count:2) {
                    self.msg = "Double Tap!"
                    self.c = Color.yellow
                }
            
            
            Spacer(minLength: 0)
                .fixedSize()
            
            Text("clear")
                .font(.title)
                .foregroundColor(Color.blue)
                .onTapGesture {
                    self.msg = "Start!"
                    self.c = Color.white
                }
            
            
            Spacer(minLength: 0)
           
            
            
        }
        
        
    }
}

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

これで、プレビューしてみてください!!

できました!!!(´▽`)

-swiftUI, プログラミング
-, ,