Xaml ProgressBar后台属性在Windows应用商店应用程序中不起作用

Xaml ProgressBar后台属性在Windows应用商店应用程序中不起作用,xaml,windows-store-apps,progress-bar,windows-8.1,windows-phone-8.1,Xaml,Windows Store Apps,Progress Bar,Windows 8.1,Windows Phone 8.1,我在我的应用程序中添加了一个ProgressBar,我希望它有一个透明的背景,所以我这样做: <ProgressBar IsIndeterminate="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"> <ProgressBar.Background> <SolidColorBrush Color="Black" Opacity="0.5" /> &

我在我的应用程序中添加了一个
ProgressBar
,我希望它有一个透明的背景,所以我这样做:

<ProgressBar IsIndeterminate="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
    <ProgressBar.Background>
        <SolidColorBrush Color="Black" Opacity="0.5" />
    </ProgressBar.Background>
</ProgressBar>
但是,仍然没有果汁。

如果你去看看,你会看到在模板底部,
背景
只有一个
模板绑定
x:Name=“DeterminateRoot”
的一个位置,所以这是你从背景属性看到颜色集的唯一地方

然后,如果你通过故事板爬到不确定的状态,你会发现

<DoubleAnimation Storyboard.TargetName="DeterminateRoot"
                 Storyboard.TargetProperty="Opacity"
                 To="0"
                 Duration="0" />
无论如何,希望这有帮助,干杯

需要去掉两(2)个情节提要动画

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



如建议的,如果使用不透明度=1,则向上更改Determinatoroot的Z顺序,使其位于椭圆网格的顶部






ProgressBar可能具有某种样式(可能是VisualState),可以更改背景而不会在设计器中正确显示。您可以尝试编辑样式或从MSDN中获取默认样式。您提到的第二个解决方案不起作用,因为它会很好。请您发布第一个建议的示例,如果它有效,我可以将其标记为答案?因此您从ProgressBar样式模板中取出了该动画,但它不起作用?我希望您不是指“您也可以尝试”部分,这取决于如何先将该对象设置为0不透明度,这会让我怀疑你是否阅读了全部答案?我的错,我应该仔细看看。我试图覆盖默认样式,但是它不起作用。你能在你的答案中添加一段经过测试和使用的代码吗?不如你展示一下你的尝试,我来告诉你如何修复它。:)+1只是为了看得比我更近,看到另一个,这就是我在没有注意的情况下轻松地通过这些问题得到的结果。虽然这样做有效,但背景位于加载动画的顶部,即,如果我将不透明度设置为1,我将看不到加载动画。边框元素
definiteroot
必须放在
EllipseGrid
元素之前,这样就不会发生重叠。请将此添加到您的答案中,以便我将其标记为正确答案。
<DoubleAnimation Storyboard.TargetName="DeterminateRoot"
                 Storyboard.TargetProperty="Opacity"
                 To="0"
                 Duration="0" />
<ProgressBar Background="#80000000" IsIndeterminate="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
<!--
<FadeOutThemeAnimation Storyboard.TargetName="DeterminateRoot"/>
<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DeterminateRoot"/>
-->