回答編集履歴

  `RenderTransform`が`One`にしか付いていないので、ほかの目が出たときにエラーになります。

  全部に付ければ想定通りに動きます。

 

  <Window

  x:Class="Questions300589.MainWindow"

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  Width="300"

  Height="450">

  <Window.Resources>

  <Storyboard x:Key="Jump">

  <DoubleAnimationUsingKeyFrames Storyboard.TargetName="{Binding DEME_NAME}" Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.Y)">

  <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="-20" />

  <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0" />

  </DoubleAnimationUsingKeyFrames>

  </Storyboard>

 

  <Style TargetType="{x:Type TextBlock}">

  <Setter Property="HorizontalAlignment" Value="Center" />

  <Setter Property="VerticalAlignment" Value="Center" />

  <Setter Property="FontSize" Value="36" />

  <Setter Property="RenderTransform">

  <Setter.Value>

  <TranslateTransform />

  </Setter.Value>

  </Setter>

  </Style>

  </Window.Resources>

  <Grid>

  <Grid.RowDefinitions>

  <RowDefinition />

  <RowDefinition />

  <RowDefinition Height="3*" />

  </Grid.RowDefinitions>

  <Button

  HorizontalAlignment="Center"

  VerticalAlignment="Center"

  Click="Button_Click"

  Content="さいころを振る" />

 

  <TextBlock FontSize="24" Text="{Binding DEME}" Grid.Row="1" />

 

  <UniformGrid Grid.Row="2" Columns="2">

  <TextBlock x:Name="One" Text="1" />

  <TextBlock x:Name="Two" Text="2" />

  <TextBlock x:Name="Three" Text="3" />

  <TextBlock x:Name="Four" Text="4" />

  <TextBlock x:Name="Five" Text="5" />

  <TextBlock x:Name="Six" Text="6" />

  </UniformGrid>

  </Grid>

  </Window>

  ```

 

  using System;

  using System.ComponentModel;

  using System.Windows;

  using System.Windows.Media.Animation;

 

  namespace Questions300589

  {

  public partial class MainWindow : Window

  {

  private readonly Hoge hoge = new Hoge();

  private readonly Storyboard sb;

 

  public MainWindow()

  {

  InitializeComponent();

  DataContext = hoge;

  sb = FindResource("Jump") as Storyboard;

  }

 

  private void Button_Click(object sender, RoutedEventArgs e)

  {

  hoge.Shake();

  BeginStoryboard(sb);

  }

  }

 

  public class Hoge : INotifyPropertyChanged

  {

  private static readonly Random rnd = new Random();

 

  public int DEME { get; private set; }

 

  public string DEME_NAME

  {

  get

  {

  switch(DEME)

  {

  default:

  case 1: return "One";

  case 2: return "Two";

  case 3: return "Three";

  case 4: return "Four";

  case 5: return "Five";

  case 6: return "Six";

  }

  }

  }

 

  public void Shake()

  {

  DEME = rnd.Next(1, 7);

  RaiseProeprtyChanged(nameof(DEME));

  RaiseProeprtyChanged(nameof(DEME_NAME));

  }

 

  #region INotifyPropertyChanged の実装

  public event PropertyChangedEventHandler PropertyChanged;

  private void RaiseProeprtyChanged(string propertyName) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

  #endregion

  }

  }

  ```

 

  xamlが長くなりそうだったのでだいぶ変えてしまいましたが、元の形でもＯＫです。