如何在wpf中创建关闭弹出窗口的圆形十字按钮?

时间:2015-07-09 09:10:41

标签: c# wpf cornerradius wpf-style

我正在使用wpf滑块,我想在滑块控件上有一个十字圆形按钮,我已经附加了图像,你能帮我找一下我应该写的样式来附加design round cross button吗?

我尝试了以下方式,但根据attached image 2

创建了它
<Style x:Key="RoundCorner" TargetType="{x:Type Button}">
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid x:Name="grid">
                            <Border x:Name="border" Background="Black" CornerRadius="15" BorderBrush="White" BorderThickness="1">
                                <ContentPresenter HorizontalAlignment="Center" TextElement.FontFamily="Arial Rounded MT Bold" VerticalAlignment="Center" TextElement.FontWeight="Bold"></ContentPresenter>
                            </Border>
                        </Grid>
                        <!--<ControlTemplate.Triggers>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Background" TargetName="border">
                                    <Setter.Value>
                                        <RadialGradientBrush GradientOrigin="0.496,1.052">
                                            <RadialGradientBrush.RelativeTransform>
                                                <TransformGroup>
                                                    <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="0.5" ScaleY="0.5"/>
                                                    <TranslateTransform X="0.02" Y="0.02"/>
                                                </TransformGroup>
                                            </RadialGradientBrush.RelativeTransform>
                                        </RadialGradientBrush>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>-->
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style

2 个答案:

答案 0 :(得分:2)

一种方法是使用dingbat字体。

<Button FontFamily="Wingdings 2">U</Button>

&#39; U&#39;可以被&#39; V&#39;取代用于厚圆形按钮。它区分大小写。我的意思是使用&#39; u&#39;相反,&#39; U&#39;产生不同的结果。

答案 1 :(得分:0)

编辑Slider的ControlTemplate,并将样式按钮添加到现有滑块模板。对接有助于将按钮正确放置在滑块上