UWP 相同的 Thumb Style 但看起来不同

Question

我对滑块的 Thumb 使用了相同的样式，但是 Thumb 在不同的上下文中看起来不同。

预期按下拇指：

真正的普通拇指：

真实按下的拇指

从实物中可以看出，它们中间有些透明。为什么它们与预期的不同？我怎样才能让他们表现得像预期的那样？他们共享相同的代码。

这些是样式：

<Style x:Key="SliderThumbStyle" TargetType="Thumb">
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Thumb">
                <Ellipse
                    x:Name="ellipse"
                    Fill="{StaticResource MediaSliderThumbFillBrush}"
                    Stroke="White"
                    StrokeThickness="3.2" />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
<Style
    x:Key="SliderPressedThumbStyle"
    BasedOn="{StaticResource SliderThumbStyle}"
    TargetType="Thumb">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Thumb">
                <Ellipse
                    x:Name="ellipse"
                    Fill="White"
                    Stroke="White"
                    StrokeThickness="3.2" />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
<Style
    x:Key="SliderPointerOverThumbStyle"
    BasedOn="{StaticResource SliderThumbStyle}"
    TargetType="Thumb">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Thumb">
                <Ellipse
                    x:Name="ellipse"
                    Fill="{StaticResource MediaSliderThumbFillBrush}"
                    Stroke="{StaticResource MedialSliderPointerOverThumbStrokeBrush}"
                    StrokeThickness="3.2" />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这些是画笔：

<media:BackdropBlurBrush x:Key="MediaSliderThumbFillBrush" Amount="50" />
<AcrylicBrush
    x:Key="MediaSliderTrackRectBrush"
    BackgroundSource="Backdrop"
    FallbackColor="White"
    TintColor="White"
    TintOpacity="0.25" />
<AcrylicBrush
    x:Key="MedialSliderPointerOverThumbStrokeBrush"
    BackgroundSource="Backdrop"
    FallbackColor="White"
    TintColor="White"
    TintOpacity="0.75" />

Answer 1

UWP Same Thumb Style but looks different

请检查MediaControl.xaml自定义控件。您将 FullMediaControlGrid 网格的不透明度设置为 0.75 导致此问题，您可以通过将不透明度设置为 1.0 来解决此问题。

<Grid
    x:Name="FullMediaControlGrid"
    Background="{x:Bind Background}"
    Opacity="1"
    RequestedTheme="Dark"
    Visibility="Visible">

UWP 相同的 Thumb Style 但看起来不同

UWP Same Thumb Style but looks different

xaml

win-universal-app

uwp