帶有橢圓的UWP Interaction.Behavior

Question

在我的模板控件中，我有一個按鈕和一個橢圓。 我用Interaction.Behavior添加了點擊事件。按鈕工作正常。但Ellipse從未開火。爲什麼？

<Style TargetType="local:SensorMeter"> 
    <Setter Property="UseSystemFocusVisuals" Value="True"></Setter> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="local:SensorMeter"> 
       <Viewbox> 


    <Ellipse x:Name="PART_MeterCenter" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" VerticalAlignment="Center"> 
     <Ellipse.RenderTransform> 
      <CompositeTransform/> 
     </Ellipse.RenderTransform> 

     <interactivity:Interaction.Behaviors> 
      <core:EventTriggerBehavior EventName="Click"> 
       <core:InvokeCommandAction Command="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=CenterCommand}" 
             CommandParameter="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=CenterCommandParameter}"/> 
      </core:EventTriggerBehavior> 
     </interactivity:Interaction.Behaviors> 

    </Ellipse> 
    <Button Content="ClickBtn"> 

     <interactivity:Interaction.Behaviors> 
      <core:EventTriggerBehavior EventName="Click"> 
       <core:InvokeCommandAction Command="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=CenterCommand}" 
             CommandParameter="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=CenterCommandParameter}"/> 
      </core:EventTriggerBehavior> 
     </interactivity:Interaction.Behaviors> 

    </Button>......... 

我在TemplateControl C＃代碼中使用此代碼繪製圓。

 var _meterCenter = _sensorMeter.GetTemplateChild("PART_MeterCenter") as Ellipse; 
     if (_meterCenter != null) 
     { 
      _meterCenter.Stroke = _sensorMeter.MeterBorder_Brush; 
      _meterCenter.StrokeThickness = _sensorMeter.MeterBorderWidth; 
      _meterCenter.Fill = _sensorMeter.CenterThresHoldColor; 
      _meterCenter.Opacity = Opacity; 
      _meterCenter.Height = _sensorMeter.meterCenterSize * 2; 
      _meterCenter.Width = _sensorMeter.meterCenterSize * 2; 
      _meterCenter.Margin = new Thickness(0, _sensorMeter.MeterYOffset*2, 0, 0); 
     } 

其實在我的代碼中，有很多網格，路徑，橢圓。我應該去最上層接受點擊事件嗎？但按鈕可以在同一個z-index中觸發事件。

在我的代碼中，沒有Canvas。 這只是網格，路徑，橢圓只。

Answer 1

我用Interaction.Behavior添加了點擊事件。按鈕工作正常。但Ellipse從未開火。爲什麼？

的Ellipse沒有Click事件像Button。所以Command將不會被執行。根據您的要求，您可以觀察Ellipse的PointerPressed事件，如下面的代碼。

<Interactivity:Interaction.Behaviors> 
    <core:EventTriggerBehavior EventName="PointerPressed"> 
     <core:InvokeCommandAction Command="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=CenterCommand}" /> 
    </core:EventTriggerBehavior> 
</Interactivity:Interaction.Behaviors> 

當點在Ellipse中按下時，後面的代碼中的推薦將按預期執行。