Animate IsIndeterminate

[Stephane]

Hello,

I can't animate IsIndeterminate property on a RadProgressBar. I have a custom control with a ProgressBar in it. The custom control has severals VisualState and I want to change the IsIndeterminate property according to the state of the control.

Here is my code :

<VisualState x:Name="InProgress">

                                        <Storyboard>

                                            <DoubleAnimation To="1" Duration="0:0:0.5" Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(UIElement.Opacity)"></DoubleAnimation>

                                            <DoubleAnimation To="1" Duration="0:0:1" Storyboard.TargetName="label_StatusMessage" Storyboard.TargetProperty="(UIElement.Opacity)"></DoubleAnimation>

                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(RadProgressBar.IsIndeterminate)" BeginTime="0:0:0">

                                                <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="True" />

                                            </ObjectAnimationUsingKeyFrames>

                                        </Storyboard>

                                    </VisualState>

<VisualState x:Name="InProgress">

                                        <Storyboard>

                                            <DoubleAnimation To="1" Duration="0:0:0.5" Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(UIElement.Opacity)"></DoubleAnimation>

                                            <DoubleAnimation To="1" Duration="0:0:1" Storyboard.TargetName="label_StatusMessage" Storyboard.TargetProperty="(UIElement.Opacity)"></DoubleAnimation>

                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(RadProgressBar.IsIndeterminate)" BeginTime="0:0:0">

                                                <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="True" />

                                            </ObjectAnimationUsingKeyFrames>

                                        </Storyboard>

                                    </VisualState>

<VisualState x:Name="InProgress">

                                        <Storyboard>

                                            <DoubleAnimation To="1" Duration="0:0:0.5" Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(UIElement.Opacity)"></DoubleAnimation>

                                            <DoubleAnimation To="1" Duration="0:0:1" Storyboard.TargetName="label_StatusMessage" Storyboard.TargetProperty="(UIElement.Opacity)"></DoubleAnimation>

                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(RadProgressBar.IsIndeterminate)" BeginTime="0:0:0">

                                                <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="True" />

                                            </ObjectAnimationUsingKeyFrames>

                                        </Storyboard>

                                    </VisualState>

<VisualState x:Name="InProgress">

                                        <Storyboard>

                                            <DoubleAnimation To="1" Duration="0:0:0.5" Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(UIElement.Opacity)"></DoubleAnimation>

                                            <DoubleAnimation To="1" Duration="0:0:1" Storyboard.TargetName="label_StatusMessage" Storyboard.TargetProperty="(UIElement.Opacity)"></DoubleAnimation>

                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(RadProgressBar.IsIndeterminate)" BeginTime="0:0:0">

                                                <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="True" />

                                            </ObjectAnimationUsingKeyFrames>

                                        </Storyboard>

                                    </VisualState>

<VisualState x:Name="InProgress">
  <Storyboard>
    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="progressbar_Status" Storyboard.TargetProperty="(RadProgressBar.IsIndeterminate)" BeginTime="0:0:0">
      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="True" />
    </ObjectAnimationUsingKeyFrames>
  </Storyboard>
</VisualState>

I have tried with "TargetProperty="IsIndeterminate", but doesn't working neither. Can you help me ?

Thanks

[Kiril Stanoev]

Hello Stephane,

You can try the following:

<Grid x:Name="LayoutRoot" Background="White">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="InProgress">
                <Storyboard>
                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="progressBar1"
                            Storyboard.TargetProperty="IsIndeterminate">
                        <DiscreteObjectKeyFrame KeyTime="0">
                            <DiscreteObjectKeyFrame.Value>
                                <System:Boolean>True</System:Boolean>
                            </DiscreteObjectKeyFrame.Value>
                        </DiscreteObjectKeyFrame>
                    </ObjectAnimationUsingKeyFrames>
                </Storyboard>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    <StackPanel Width="200" HorizontalAlignment="Center" VerticalAlignment="Center">
        <telerik:RadProgressBar x:Name="progressBar1" Height="30" />
        <Button Content="Go To Indeterminate" Click="Button_Click" />
    </StackPanel>
</Grid>

private void Button_Click(object sender, RoutedEventArgs e)
{
    VisualStateManager.GoToState(this, "InProgress", false);
}

Let me know if it helps.

Kind regards,
Kiril Stanoev
the Telerik team

[Stephane]

Thank you, it works.