ビジュアルエリアよりもヒットエリアの小さいボタンを作成するにはどうすればいいですか？

Question

産業用タッチスクリーンPCプログラムの誤操作を防ぐため、ヒットエリアの小さいボタンを作成しようとしています。ここでa sample、 のみthe white area should response to touch and mouse operations.

私はControlTemplateの

<ControlTemplate x:Key="ButtonToTouch" TargetType="{x:Type Button}"> 
    <Grid> 
     <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/> 
     <Button Background="{x:Null}" BorderBrush="{x:Null}" FontSize="{TemplateBinding FontSize}" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"> 
      <Button.Content> 
       <Grid Margin="8" > 
        <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
        <Rectangle Fill="Transparent" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/> 
       </Grid> 
      </Button.Content> 
     </Button> 
    </Grid> 
</ControlTemplate> 

を使用することを試みたが今マウスが入るイベントがそのように動作しますが、ボタンテンプレート内のすべての可視のピクセルは、クリックイベントをトリガすることができているようですので、私はnullの境界線の背景を設定し、テンプレートのどこかに背景を設定する必要があります。

提案がありますか？助けてくれてありがとう。

Answer 1

セットIsHitTestVisible="False"ボーダー上。 8マージングリッドでは、8pxワイドエリアは入力を登録しません。

<ControlTemplate x:Key="ButtonToTouch" TargetType="{x:Type Button}"> 
    <Grid> 
     <Border BorderBrush="{TemplateBinding BorderBrush}" 
       IsHitTestVisible="False" 
       BorderThickness="{TemplateBinding BorderThickness}" 
       Background="{TemplateBinding Background}"/> 

     <Grid Margin="8"> 
      <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
      <Rectangle Fill="Transparent" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/> 
     </Grid> 
    </Grid> 
</ControlTemplate>