WPF - Canvas_MouseLeftButtonDownイベント

Question

挨拶

私は昨日、WPFで開発を開始し、いくつかの問題に遭遇してきました。私はCanvasがWinFormsのPanelと同等であるという理解に達しました。しかし、私は 'クリック'イベントでいくつかの問題に遭遇しています。 MouseLeftButtonDownイベント。それは、関連するのですかない場合は、このイメージとキャンバスがユーザーコントロール

である上記の画像は、私が問題を抱えていますどのような基本的です。あなたが見る3つのイメージは1つのイメージです。あなたが見る正方形は、それぞれ異なるキャンバスです。どのキャンバスがクリックされたかに応じて、私は何か違うものが欲しいと思っています。私は、アプリケーションを実行します（ユーザーコントロールがofcourseのメインウィンドウ内にある）と、キャンバスが起こる何もあってはならないところ、私はクリックすると

<Grid> 
    <Canvas Name="canvasTerran" Height="27" Width="26" Margin="88,106,134,106" MouseLeftButtonDown="canvasTerran_MouseLeftButtonDown" /> 
    <Canvas Name="canvasZerg" Height="27" Width="26" Margin="117,107,105,107" MouseLeftButtonDown="canvasZerg_MouseLeftButtonDown" /> 
    <Canvas Name="canvasProtoss" Height="27" Margin="145,107,88,107" MouseLeftButtonDown="canvasProtoss_MouseLeftButtonDown" /> 
    <Image Name="imageRaces" Height="27" Width="73" Stretch="Fill" Source="pack://application:,,,/Images/Races/Races.png" /> 
</Grid> 

：

は現在、私は次のコードを持っています。私が発射しようとしているイベント：

私はここで間違っているとは思わないので、どんな提案も歓迎されるでしょう。私が言ったように私はWPFの初心者ですので、私が現在試みているよりも良い方法があると思うなら、そう言いなさい！

ありがとうございます。

Answer 1

実際の問題は、キャンバスが透明であることです。したがって、すべてのイベントはキャンバスで停止するのではなく、その親要素に対して生成されます。

たとえば、キャンバスにBackground = WhiteまたはRedを設定すると、MouseLeftButtonDownが取得されます。

Answer 2

画像がキャンバスを隠すので、XAMLでは画像を宣言した後にキャンバスを宣言するので、UIの前にキャンバスが表示され、クリックが有効になります。

ヒント：キャンバスの背景色を指定するだけで、UIでの表示方法を確認できます。あなたがそうすると、イメージがそれらを隠すことがわかります。