0

私はwpfスライダーに取り組んでいます。スライダーコントロールに十字の丸いボタンが必要です。画像を添付しました。添付するためにどのスタイルを書くべきか教えてくださいデザインラウンドクロスボタン。

私は次の方法で試しましたが、うまくいきませんでした添付画像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
4

2 に答える 2

2

1 つのアプローチは、ディンバット フォントを使用することです。

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

'U' は太い円形ボタンの 'V' に置き換えることができます。大文字と小文字が区別されます。つまり、「U」の代わりに「u」を使用すると、異なる結果が得られます。

于 2015-07-09T09:23:50.180 に答える