WP7 ProgressBar高度和颜色故障

Question

我想在我的项目中更改进度条的高度,但是当我设置它时,height属性似乎没有做任何事情.此外,是否可以将进度条的颜色从默认蓝色更改为另一种颜色？例如橙色.

Answer 1

ProgressBar有两种颜色.一个背景,它始终是ProgressBar的背景,前景是ProgressBar的颜色大于最小值时的颜色.两者都可以很容易地进行定制,但请记住,它默认使用手机,这是建议,除非你有一个的强调文字颜色真的很好的理由.

要改变实际高度,覆盖它的控件模板,并更改的高度ProgressBarIndicator和ProgressBarTrack,像这样:(这里设置为20像素)

<Style TargetType="ProgressBar">
    <Setter Property="Foreground" Value="{StaticResource PhoneAccentBrush}"/>
    <Setter Property="Background" Value="{StaticResource PhoneAccentBrush}"/>
    <Setter Property="Maximum" Value="100"/>
    <Setter Property="IsHitTestVisible" Value="False"/>
    <Setter Property="Padding" Value="{StaticResource PhoneHorizontalMargin}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ProgressBar">
                <Grid>
                    <VisualStateManager.VisualStateGroups>
                        <!-- Visual States removed for clarity -->
                    </VisualStateManager.VisualStateGroups>
                    <Grid x:Name="DeterminateRoot" Margin="{TemplateBinding Padding}" Visibility="Visible">


                        <!-- CHANGE THE HEIGHT HERE -->
                        <Rectangle x:Name="ProgressBarTrack" Fill="{TemplateBinding Background}" Height="20" Opacity="0.1"/>
                        <Rectangle x:Name="ProgressBarIndicator" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Left" Height="20"/>


                    </Grid>
                    <Border x:Name="IndeterminateRoot" Margin="{TemplateBinding Padding}" Visibility="Collapsed">
                        <Grid>
                            <Slider x:Name="Slider1" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
                            <Slider x:Name="Slider2" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
                            <Slider x:Name="Slider3" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
                            <Slider x:Name="Slider4" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
                            <Slider x:Name="Slider5" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
                        </Grid>
                    </Border>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>