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

Posted 2023-02-24

【中文标题】如何在wpf中为关闭弹出窗口创建圆形十字按钮？

【英文标题】：How to create the round cross button for close popup in wpf?

【发布时间】：2015-07-09 09:10:40

【问题描述】：

我正在研究 wpf 滑块，我想要滑块控件上的十字圆形按钮，我已附上图片，你能帮我写什么样式来附上 吗？

我尝试了以下方式，但没有为我工作它是根据创建的

<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

【问题讨论】：

你能发布你的尝试吗

使用 ImageView 而不是按钮，并将 pgn 图像作为源，圆圈周围有透明像素。

【参考方案1】：

一种方法是使用 dingbat 字体。

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

'U' 可以用'V' 代替粗圆形按钮。它区分大小写。我的意思是使用 'u' 而不是 'U' 会产生不同的结果。

【参考方案2】：

编辑 Slider 的 ControlTemplate 并将您的样式按钮添加到现有的滑块模板中。停靠有助于将按钮正确放置到滑块上