SwiftUIでマウスホバー時にオーバレイ表示される操作UIを実装する — Genji App Blog

ウィンドウ下部にマウスを持っていくと、メインの領域の上に重なるように表示される操作UIを実装する。こんな感じ。 動画プレイヤアプリの再生ボタン等がこんな感じで実装されていることがよくある。本項ではこれを「オーバレイ操作UI」と呼ぶことにする。 成果物をGitHubに公開する。 GenjiApp/OverlayControlSwiftUI ビルド環境は、 macOS 11.5.2 Xcode 12.5.1 である。 操作UIの重ね合わせ表示 一例として以下のようなビューがあるとする。 struct ContentView: View { var body: some View { Image(systemName: "star") .font(.system(size: 500)) } } struct ContentView: View { @State private var hue =

[tana005]

onHoverの使い方。スライダー操作中にマウスがスライダー外へ移動した際にスライダーが消えるのだそうだ。しかし、記事の１年後に試したらその様な事が起こらない。