Question

您好我正在尝试创建一个半弧形的Button，如下所示：

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>

使用GeometryDrawing WPF创建Button

1 个答案: