Создание кнопки с использованием GeometryDrawing WPF

Question

Привет, я пытаюсь создать кнопку с полудуговой формой примерно так:

альтернативный текст http://www.freeimagehosting.net/uploads/6f804323db.jpg

Я использую шаблоны xaml и Control, все работает нормально, но кнопка получает событие нажатия, даже если я щелкаю любую часть в форме прямоугольника по геометрии, запускаю событие нажатия, я хочу, чтобы событие было перехвачено только внутри геомтры ... вот это xaml

<ControlTemplate x:Key="ButtonTemplate" TargetType="{x:Type Button}">
    <Grid>
       <Image>
        <Image.Source>
                   <DrawingImage>
                  <DrawingImage.Drawing>
            <GeometryDrawing x:Name="X"Geometry= "M 0,0 
                A .8,.8 180 1 1 0,4
                L 0,3
                A .6,.6 180 1 0 0,1
                L 0,0">
                <GeometryDrawing.Pen>
                <Pen Brush="Black" Thickness=".1" />
                </GeometryDrawing.Pen>
                <GeometryDrawing.Brush>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                  <GradientStop Offset="0" Color="Blue"/>
                  <GradientStop Offset="1" Color="Red"/>
                </LinearGradientBrush>
                </GeometryDrawing.Brush>
            </GeometryDrawing>
              </DrawingImage.Drawing>
                 </DrawingImage>
              </Image.Source>
               </Image>
               <Viewbox>
            <ContentControl Margin="20" Content="{TemplateBinding Content}"/>
        </Viewbox>
    </Grid>
</ControlTemplate>

...

<Button Template="{StaticResource ButtonTemplate}" Click="Button_Click" HorizontalAlignment="Right">OK</Button>

Спасибо за любые комментарии

Answer 1

Вместо использования изображения, которое будет иметь прямоугольные границы, используемые для проверки попадания, вы можете использовать элемент Path с вашими данными геометрии. Путь будет выполнять тестирование попадания только в области, определенной контуром. Независимо от того, какой текст или другой контент установлен, он также будет кликабельным, если вы не установите IsHitTestVisible = "false" в ContentPresenter.

<Button Content="OK">
    <Button.Template>
        <ControlTemplate TargetType="{x:Type Button}">
            <Grid>
                <Path Data="M 0,0 
        A .8,.8 180 1 1 0,4
        L 0,3
        A .6,.6 180 1 0 0,1
        L 0,0" Stroke="Black" StrokeThickness="1" Stretch="Uniform">
                    <Path.Fill>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                            <GradientStop Offset="0" Color="Blue"/>
                            <GradientStop Offset="1" Color="Red"/>
                        </LinearGradientBrush>
                    </Path.Fill>
                </Path>
                <Viewbox>
                    <ContentPresenter Margin="20" />
                </Viewbox>
            </Grid>
        </ControlTemplate>
    </Button.Template>
</Button>