UWPのターゲットバージョンを上げたらプログレスバー(Storyboard？)の動作が変わっちゃった話

あけましておめでとうございます

令和も早くも2年目に突入した今日この頃、いかがお過ごしでしょうか？ 私はいつも通り、過去の遺物をいじる作業でございます

今回の題材はUWP 当時の対象OSは「Windows 10 Fall Creators Update(1709)」です 時の経つのは早いもので、このOSはすでにサポート対象外となっております

---

NuGet Packageの更新とかもろもろやっていたらターゲットバージョンが古くてビルドが通らなくなったので、ターゲットバージョンを上げたらプログレスバー(Storyboard？)の動作が変わっちゃったよ！というお話

準備

新規のUWPアプリを作ります

MainPage.xaml

<Page.Resources>
    <Storyboard x:Name="ValueStoryboard">
        <DoubleAnimation Storyboard.TargetName="ProgressBar1" Storyboard.TargetProperty="Value" EnableDependentAnimation="True" To="100" Duration="00:00:00.5"/>
    </Storyboard>
</Page.Resources>
<Grid Margin="40">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <ProgressBar x:Name="ProgressBar1" Minimum="0" Maximum="10" Height="20"/>
    <Slider Grid.Row="1" x:Name="Slider1" Minimum="0" Maximum="20" Value="0" ValueChanged="Slider1_ValueChanged"/>
    <StackPanel Grid.Row="2" Orientation="Horizontal">
        <TextBlock Text="ProgressBar1.Value = "/>
        <TextBlock Text="{Binding ElementName=ProgressBar1,Path=Value}"/>
    </StackPanel>
    <StackPanel Grid.Row="3" Orientation="Horizontal">
        <TextBlock Text="Slider1.Value = "/>
        <TextBlock Text="{Binding ElementName=Slider1,Path=Value}"/>
    </StackPanel>
</Grid>

MainPage.xaml.cs

private void Slider1_ValueChanged(object sender, RangeBaseValueChangedEventArgs e)
{
    var storyBoard = (Storyboard)this.Resources["ValueStoryboard"];
    ((DoubleAnimation)storyBoard.Children[0]).To = e.NewValue;
    storyBoard.Begin();
}

• プログレスバーの最大値は10
• スライダーの最大値は20
• プログレスバーの値はStoryboard(ValueStoryboard)で変更
• スライダーの値が変わるとコードビハインド側でその値をToに設定してStoryboardを実行

というものです

TargetPlatformVersion=10.0.16299.0

まずは1709をターゲットにして試します

こんな感じ。プログレスバーの最大値が10なのでそれ以上の値にはなりません

TargetPlatformVersion=10.0.17134.0

次に1803をターゲットにして試します

はい

プログレスバーの値が最大値を超えます

ちなみに

<ProgressBar x:Name="ProgressBar1" Minimum="0" Maximum="10" Height="20" Value="{Binding ElementName=Slider1,Path=Value}"/>

こんな感じで直接値を入れた場合はちゃんと最大値で止まります

まとめ

1803からこんな感じの動作になったっぽいですね。当時のBreaking changesに書いてあるのかもしれませんが、面倒なので調べていません

それでは、よいお年を