ProgressBar 背景属性在 Windows 应用商店应用程序中不起作用

Question

我在我的应用程序中添加了ProgressBar，我希望它具有透明背景，所以我这样做了：

<ProgressBar IsIndeterminate="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
    <ProgressBar.Background>
        <SolidColorBrush Color="Black" Opacity="0.5" />
    </ProgressBar.Background>
</ProgressBar>

在预览窗口中一切看起来都很好，但是，当我运行我的应用程序时，Background 根本不存在。我找到的解决方案是将ProgressBar 放在网格中并在Grid 中设置Background 属性，但是由于预览显示正确，并且属性在那里，它不应该工作吗？
更新：

根据@Chris W. 的建议，我尝试覆盖ProgressBar 元素的默认样式，如下所示：

<ProgressBar IsIndeterminate="True" Background="#FF000000" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="50">
    <ProgressBar.Style>
        <Style TargetType="ProgressBar">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ProgressBar">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Indeterminate">
                                        <Storyboard RepeatBehavior="Forever">
                                            <DoubleAnimation Storyboard.TargetName="DeterminateRoot"
                                                 Storyboard.TargetProperty="Opacity"
                                                 To="0.5"
                                                 Duration="0" />
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ProgressBar.Style>
</ProgressBar>

但仍然没有果汁。

Answer 1

需要摆脱两 (2) 个 StoryBoard 动画

文档大纲>右键进度条>编辑模板->编辑副本

<!--
<FadeOutThemeAnimation Storyboard.TargetName="DeterminateRoot"/>
<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DeterminateRoot"/>
-->

---

正如@ricochete 建议的那样，如果使用 Opacity = 1，将 DeterminateRoot 的 Z-Order 更改为 EllipseGrid 的顶部

<Border x:Name="DeterminateRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" MinHeight="{TemplateBinding MinHeight}">
    <Rectangle x:Name="ProgressBarIndicator" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Left" Margin="{TemplateBinding Padding}"/>
</Border>
<Grid x:Name="EllipseGrid" Opacity="0">
<!-- ... more XAML Style -->

---

<Grid Background="#FFFF0000">
    <ProgressBar IsIndeterminate="True" Style="{StaticResource ProgressBarStyle1}" Height="50" >
        <ProgressBar.Background>
            <SolidColorBrush Color="Black" Opacity="0.5"/>
        </ProgressBar.Background>
    </ProgressBar>
</Grid>

---

Answer 2

如果您查看default template，您会在模板底部看到Background 在x:Name="DeterminateRoot" 的一个位置只有一个TemplateBinding，所以这是您看到颜色的唯一位置从 Background 属性中设置。

然后，如果您爬上未定状态的情节提要，您会发现；

<DoubleAnimation Storyboard.TargetName="DeterminateRoot"
                 Storyboard.TargetProperty="Opacity"
                 To="0"
                 Duration="0" />

...您已将 ProgressBar 设置为 IsIndeterminate="True"，因此您正在将接受 Background 属性的位置显式设置为零不透明度。

因此，您可以将该动画从情节提要中拉出该状态，或者放入您自己的新对象来设置您的东西，或者只是通过将其放入 Border 或 @987654328 来执行您提到的解决方法@ 或其他东西并以这种方式进行。

您也可以尝试（一旦您从情节提要解决了您的不透明度设置问题）只需将您的 SolidColorBrush 和 Opacity 翻转为纯十六进制，并将 Alpha 通道设置为 50% 不透明度等效值。做到这一点；

<ProgressBar Background="#80000000" IsIndeterminate="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>

无论如何，希望这会有所帮助，干杯！