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

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

ただいまの
回答率

89.13%

WPFのCanvasでマウスイベントが取得できない時がある。

受付中

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 209

C# + WPFのプログラムを勉強して半年程の初心者です。

WPFのCanvas上で図形描画をC#から定期的に更新する処理を作っています。(パラパラ漫画的なものです)
処理は単純でタイマー(Timerクラス)のCallBack関数から一回画面をClear()して図形を描画するという動作になっています。
見た目は特に問題なく動ているのですが、マウスでのヒットテストの処理も入ってるのですが、時々イベントハンドラに処理が飛んでこない事があります。
タイマのタイムアウト時間を早くすると顕著になります。
上記で説明したような処理に問題があるのか、ご教授頂けると幸いです。

該当のソースコード

XAML

<Canvas x:Name="canvas"
MouseLeftButtonDown="canvas_MouseLeftDown"></Canvas>

C#

void TimerCallBack(object state)
{
    this.Dispatcher.BeginInvoke(new Action(() => {
    {
        canvas.Children.Clear();
        図形描画の処理
    }
    }));
}

private void canvas_MouseLeftDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
     ヒットテスト処理
}

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

Visual Studio 2019
.framework 4.8

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • dodox86

    2020/06/14 09:28

    タイマのコールバック内の図形描画処理はUIスレッドで行われているはずなので、そこで時間を占有すると同じUIスレッドでのマウスイベントのハンドルがスキップ、あるいは遅延してしまうのだと思います。(あくまで推測なのでコメントのみ、ですが)

    キャンセル

  • Jellyfish0511

    2020/06/15 00:51

    早々のコメントありがとうございます。
    描画するオブジェクト数をかなり減らしてみたのですが、結果は変わりませんでした。
    また、何も描画されていない個所をクリックする分には、正常にハンドラに飛ぶので良くわからないですね。

    キャンセル

回答 2

0

Canvasの子要素をクリックしてCanvasがイベントを受け取れるのは、WPFのルーティングイベント-バブルイベントの仕組みのおかげです。
内部では、子要素で処理しなかったイベントを親要素に投げているのです。
Canvasをクリアしたタイミングによっては、イベントを投げる前に子要素との親子関係が切れたり子要素自体が消されたりは十分考えられます。

詳しくは「WPF ルーティングイベント」でググってくだされたし。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/06/16 23:56

    ご回答ありがとうございます。
    この対策で良いのか分からないのですが、
    試しに子要素(図形)のマウスボタン押下のイベントハンドラも登録してみました。
    例)
    var line = new PolyLine();
    line .Points.Add(new Point(0.0, 0.0));
    line .Points.Add(new Point(10.0, 10.0));

    line.MouseLeftButtonDown += line_MouseLeftButtonDown;
    …(座標変換も実施)
    add.canvas.Children(line);

    失敗する頻度は下がったような気がするのですが、
    canvas, 図形、両方のイベントハンドラが呼ばれない時があります。

    キャンセル

  • 2020/06/17 07:08

    いやいや
    canvas.Children.Clear();
    をやめましょう。

    キャンセル

  • 2020/06/18 01:02

    Remove, RemoveAt, RemoveRange等を使って、削除しながら描画するという事でしょうか。

    キャンセル

  • 2020/06/18 10:19

    おそらく部分的な変更で対処するのは困難だと思います。
    WPFの特性を理解した上で根本的に実装を見直すことをお勧めします。

    キャンセル

0

結論から言えば、Canvasに何も書かれていない場所はmouseイベントが素通りしているだけです。  
新規に作成した以下のアプリにCanvasとmouseイベントハンドラーを追加しただけではCanvasでmouseイベントは発生しません。

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="300">
    <Grid>
        <Canvas MouseLeftButtonDown="Canvas_MouseLeftButtonDown"/>
    </Grid>
</Window>
using System.Diagnostics;
using System.Windows;
using System.Windows.Input;

namespace WpfApp1
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Debug.WriteLine("Canvas_MouseLeftButtonDown!");
        }
    }
}

  
 
でも、こうすれば見た目は同じでもmouseイベントが発生するはずです。

        <Canvas MouseLeftButtonDown="Canvas_MouseLeftButtonDown" Background="Transparent">

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 89.13%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる