使用GeometryDrawing WPF创建Button

Question

嗨,我正在尝试创建一个半弧形的按钮,如下所示:

alt text http://www.freeimagehosting.net/uploads/6f804323db.jpg

我正在使用xaml和Control模板,它工作正常,但是,即使我通过几何体点击任何部分到矩形形式,按钮也会重新点击事件,它会启动click事件,我希望事件只能在geomtry ...这是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元素与Geometry数据一起使用,而不是使用具有用于命中测试的矩形边界的Image.Path仅对大纲定义的区域进行命中测试.除非您在ContentPresenter上设置IsHitTestVisible ="false",否则无论设置何种文本或其他内容,都将是可点击的.

<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>