*SwiftUIで作成したアプリとArduinoの通信について

Question

SwiftUIで作成したアプリとArduinoの通信をしたいと考えております。

SwiftUI→Arduinoの一方向です。
通信方法は、BLEでもOSC通信でもシリアル通信でも、なんでもかまいません。Developer（ESP-WROOM-02開発ボード）など別売のものの購入なども考えております。

Swiftのstoryboardで作成したアプリとArduinoの通信例はいくつかみかけましたが、SwiftのswiftUIで作成したアプリとArduinoの通信例は見つからず、大変困っております。

スマホアプリでタッチされたタッチ位置を取得し、これを変数 @State var xPos: CGFloat = 0,@State var yPos: CGFloat = 0に代入しています。この二つの値xPos,yPosをArduinoに送りたいと言うわけです。

よろしくお願いします。

Answer 1

Arduinoの試す環境がないのでコンパイルも通していないコードで恐縮ですが、考え方だけ参考にしていただければと思います。

「SwiftUIでタップした座標を取りたい」と「SwiftUIでシリアル通信を実装したい」と複数の質問があるのではないでしょうか。

まず、SwiftUIでタッチイベントを取得する方法としては下記のリンクを参考にしてください。

• https://stackoverflow.com/questions/56931051/how-to-handle-screen-touch-events-with-swiftui

シリアル通信の実装としては接続・通信と二段階踏む必要があるかと思います。

シリアル通信そのものについては詳しくないので別途調べていただくとして、SwifUIで送信するトリガーがわからないということであれば、ボタンタップ時に通信を開始させるようにすればよいかと思います。

struct HomeView : View {
    var body: some View {
		Button(action: {
			// ここでシリアル通信を開始する
		}, label: {
			Text("シリアル通信の開始")
		})
    }
}

接続後タッチイベントをトリガーに送信するのであれば、前述した方法でタッチイベントを実装していただくのが良いかと思います。

また通信が逆向きの場合ですと、シリアル通信をおこなうObservableObjectを使用して、シリアル通信で得た結果とSwiftUI側のラベルを同期させることができるかと思います。

import SwiftUI
import Combine

final class FooObject : ObservableObject {

    @Published var xPos: CGFloat = 0

	func startSensor() {
		// シリアル通信を開始
	}
	
	func onChanged(result: HogeObject) {
	    // ここで通信結果をつけとるとする
		xPos = result.x
	}
}

ホーム画面では遷移時・またはボタンを押した時に object.startSensor() を実行するイメージです。

struct HomeView : View {
    
    @State private var object: FooObject = FooObject()

    var body: some View {
        Text(object.xPos)
    }
}

Comments

[Keene]

非常に丁寧にありがとうございます

ご指摘をいただき、現在のswiftUIのコードは以下のようになっております。

import SwiftUI

struct ContentView: View {

@State private var word: String = ""

@State var xPos: CGFloat = 0
@State var yPos: CGFloat = 0

var body: some View {

ZStack{
Image(systemName: "")
.resizable()
.padding()
.gesture(DragGesture(minimumDistance: 0, coordinateSpace: .global).onChanged {
dragGesture in
self.xPos = dragGesture.location.x
self.yPos = dragGesture.location.y

print(self.xPos,self.yPos)
print(dragGesture.translation)
print("シリアル通信の開始")
//ここでシリアル通信を開始する
}
.onEnded {dragGesture in
self.xPos = dragGesture.location.x
self.yPos = dragGesture.location.y
print("Last",self.xPos,self.xPos)
print("Last",dragGesture.translation)
print("シリアル通信の開始")
//ここでシリアル通信を開始する
})

VStack{
HStack{
Text("(xPos)")
Text("(yPos)")
}
VStack {
TextField("発語せよ", text: $word)
.textFieldStyle(RoundedBorderTextFieldStyle()) // 入力域のまわりを枠で囲む
.padding() // 余白を追加

Text("(word)")
.onReceive(NotificationCenter.default.publisher(for: UIApplication.willResignActiveNotification)) { _ in
print("Moving to the background!")
}

}
}
}

}

}

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

プログラム中の//ここでシリアル通信を開始するでシリアル通信をじっさいにするプログラムを実装する、というカタチがいい、ということでしょうか？

たびたび申し訳ありません

[ch3cooh]

Keeneさんがどのようなアプリを作りたいかにかかってきますので、どのように通信するのが良いかはわかりかねます。すみません……

Keeneさんが書かれているように

* タッチイベント(DragGesture)の都度にシリアル通信(接続+送信)をさせる

のもアリかと思いますし、

* 画面が表示されたタイミングで接続、タッチイベントの度に座標を送信させる

や

* 接続ボタンを押したら接続、タッチイベントの度に座標を送信させる

でも作りようはあるかと思います。ご自身の作りたいものによって都合の良いようにシリアル通信すればよいかと思います。

Answer 2

「swift シリアル通信」でぐぐると記事がいくつも出てきますね