locked
ProgressBar如何更改其颜色 RRS feed

  • 问题

  • WP8.1 store app

    使用Foreground="White"尝试修改颜色,但是未成功

    求指教


    2014年6月9日 22:35

答案

  • 你好。

    使用Foreground属性可以修改前景色,同时Background可以修改背景色。

    你修改未成功的原因应该是没有设置Value 或者 Value 等于ProgressBar的最小值了。

    进行如下代码的设置后,将会看到ProgressBar的值为20,前景色为白色,背景色为灰色:

    <ProgressBar Width="500" Height="100" Foreground="White" Background="Gray" 
    Value="20" Minimum="0" Maximum="100"/> 

    2014年6月10日 1:10
  • 你好。如果设置IsIndeterminate="True",那意味着进度条将使用重复模式来报告一个过程正在进行,但不显示具体进度。这时候画面上会显示为几个点从左到右运动,我们可以通过重载默认样式的方式来完成设置。

    在App.xaml中添加如下代码段:

        <Application.Resources>
            <ResourceDictionary>
                <ResourceDictionary.ThemeDictionaries>
                    <ResourceDictionary x:Key="Default">
                        <x:String x:Key="ProgressBarIndeterminateForegroundThemeBrush">White</x:String>
                    </ResourceDictionary>
                </ResourceDictionary.ThemeDictionaries>
            </ResourceDictionary>
        </Application.Resources>
    这样就可以把前景色设置为白色了。

    2014年6月10日 3:51

全部回复

  • 你好。

    使用Foreground属性可以修改前景色,同时Background可以修改背景色。

    你修改未成功的原因应该是没有设置Value 或者 Value 等于ProgressBar的最小值了。

    进行如下代码的设置后,将会看到ProgressBar的值为20,前景色为白色,背景色为灰色:

    <ProgressBar Width="500" Height="100" Foreground="White" Background="Gray" 
    Value="20" Minimum="0" Maximum="100"/> 

    2014年6月10日 1:10
  • 十分感谢

    这样的确可以实现想要的样式

    但当我设置IsIndeterminate="True"时,样式又无效了,请问可以怎么解决

    2014年6月10日 3:37
  • 你好。如果设置IsIndeterminate="True",那意味着进度条将使用重复模式来报告一个过程正在进行,但不显示具体进度。这时候画面上会显示为几个点从左到右运动,我们可以通过重载默认样式的方式来完成设置。

    在App.xaml中添加如下代码段:

        <Application.Resources>
            <ResourceDictionary>
                <ResourceDictionary.ThemeDictionaries>
                    <ResourceDictionary x:Key="Default">
                        <x:String x:Key="ProgressBarIndeterminateForegroundThemeBrush">White</x:String>
                    </ResourceDictionary>
                </ResourceDictionary.ThemeDictionaries>
            </ResourceDictionary>
        </Application.Resources>
    这样就可以把前景色设置为白色了。

    2014年6月10日 3:51
  • 十分感谢您解决了我的问题
    2014年6月10日 3:59
  • 怎么我不行呢?
    2015年2月22日 14:56