質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

1回答

1705閲覧

Wpf 線のクリック時の動作と重なりの検出

kota190

総合スコア3

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

1グッド

0クリップ

投稿2020/12/20 10:52

前提・実現したいこと

1.WPF上で出力した線をクリックの検出をスムーズに行いたい。
直接、線をクリックしても、反応しない部分がある。
クリックした位置の半径XXピクセル以内だと
線を選択したと判断することは可能であるか。

2.重なり部分があった場合、リストボックスで選択したい。
全く同じ線を重ねても、1番上の線しか情報を受け取りできない。

そもそもの実現方法などが間違っている可能性もあると思うのですが、
アドバイスをお願いできないでしょうか。

該当のソースコード

WPF

1private void uriPanel_click(object sender, MouseButtonEventArgs e) 2{ 3 if (e.Source is Polyline) { 4 MessageBox.Show(((Polyline)e.Source).Name); 5 ((Polyline)e.Source).Stroke = Brushes.Yellow; 6 ((Polyline)e.Source).StrokeThickness = 5; 7 } 8 if (e.Source is Path) 9 { 10 MessageBox.Show(((Path)e.Source).Name); 11 ((Path)e.Source).Stroke = Brushes.Yellow; 12 ((Path)e.Source).StrokeThickness = 5; 13 } 14 else 15 { 16 // 戻す 17 } 18}

WPF

1 2Polyline pMeat = new Polyline(); 3pMeat.Name = "meat"; 4pMeat.Points.Add(new Point(350, 500)); 5pMeat.Points.Add(new Point(450, 400)); 6pMeat.Points.Add(new Point(670, 300)); 7pMeat.Points.Add(new Point(750, 200)); 8 9pMeat.Stroke = Brushes.Red; 10pMeat.StrokeThickness = 1; 11pMeat.IsHitTestVisible = true; 12uriPanel.Children.Add(pMeat); 13 14 15 16Polyline pPan = new Polyline(); 17pPan.Name = "pan1"; 18pPan.Points.Add(new Point(150, 200)); 19pPan.Points.Add(new Point(450, 400)); 20pPan.Points.Add(new Point(670, 500)); 21pPan.Points.Add(new Point(850, 200)); 22 23pPan.Stroke = Brushes.Brown; 24pPan.StrokeThickness = 1; 25pPan.IsHitTestVisible = true; 26uriPanel.Children.Add(pPan); 27 28Polyline pPan2 = new Polyline(); 29pPan2.Name = "pan2"; 30pPan2.Points.Add(new Point(150, 200)); 31pPan2.Points.Add(new Point(450, 400)); 32pPan2.Points.Add(new Point(670, 500)); 33pPan2.Points.Add(new Point(850, 200)); 34 35pPan2.Stroke = Brushes.Brown; 36pPan2.StrokeThickness = 1; 37pPan2.IsHitTestVisible = true; 38uriPanel.Children.Add(pPan2); 39

試したこと

パネルのクリックイベントでイベントを受け取るようにしたが、
1番上に表示されている線の情報しか返ってこない。

補足情報(FW/ツールのバージョンなど)

WPF C# VisualStudio2010

TN8001👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

1.WPF上で出力した線をクリックの検出をスムーズに行いたい。

ばかばかしいですが背景と同色の太い線を引いて、その上に重ねるのが一番いい気がします。

2.重なり部分があった場合、リストボックスで選択したい。

VisualTreeHelper.HitTestで、すべての線をチェックでしょうか。

VisualTreeHelper.HitTest メソッド (System.Windows.Media) | Microsoft Docs

ビジュアル層でのヒット テスト - WPF .NET Framework | Microsoft Docs

投稿2020/12/21 08:56

TN8001

総合スコア9396

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kota190

2020/12/21 15:42

TN8001さん 回答ありがとうございます。 1の方法については、思いつきもしませんでした。 試してみたいと思います。   2については、教えていただいたサイトを頼りに試してみたいと思います。 試してみたあと、報告したいと思います。
kota190

2021/01/05 15:08

報告が遅くなって申し訳ありません。 1の方法で、微妙な位置でのクリックでも検出を行うことができました。 2については、教えていただいたサイトを参考に、重なりを取得することができました。 ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問