ユーザー コントロールのグラフィックをベクター グラフィックとして作成し、それを Expression Design にインポートしました。これまでのところ、すべて問題なく動作しました。ただし、XAML としてエクスポートし、VS で開きました。XAML は、キャンバスといくつかのパスで構成されます。XAML でユーザー コントロールを作成しました。ユーザーがこれらのパスのいずれかをクリックするとトリガーされるマウス クリック イベントが必要です。同じイベントをすべてのパスに添付することもできますが、パスをグループ化する方がエレガントです。これを行う方法はありますか?
また、WPF が SVG のようなベクター グラフィックスの標準形式を使用できるかどうかも自問していました。
XML コードの下。
<Canvas x:Name="Arrow" Width="40" Height="400" Canvas.Left="0" Canvas.Top="0">
<Path Width="11.432" Height="361.1" Canvas.Left="12.861" Canvas.Top="-2.666" StrokeThickness="12" StrokeLineJoin="Round" Stroke="#FFFF2800" Data="F1 M 310,130.967L 310,480.067"/>
<Path Width="6.75" Height="355.767" Canvas.Left="15.25" Canvas.Top="0" Stretch="Fill" StrokeThickness="6.66667" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Data="F1 M 310,130.967L 310,480.067"/>
<Path Width="22.725" Height="30.4" Canvas.Left="6.363" Canvas.Top="351.1" Stretch="Fill" StrokeThickness="2.66667" StrokeMiterLimit="2.75" Stroke="#FFFF2800" Fill="#FFFF2800" Data="F1 M 310,507.8L 320.4,480.067L 299.6,480.067"/>
<Path Width="29.97" Height="2.667" Canvas.Left="4.107" Canvas.Top="2" Stretch="Fill" StrokeThickness="2.66667" StrokeMiterLimit="2.75" Stroke="#FFFF2800" Data="F1 M 296.133,130.967L 323.867,130.967"/>
</Canvas>