binding - XAML ストーリーボード - 同じコントロール内にある DependencyProperty に値をバインドする

Question

回転アニメーションを使用してユーザーコントロールを設定しました。

ストーリーボード内には、コントロールが左 (-360.0) に回転するか右 (360.0) に回転するかを決定する値があります。XAML ストーリーボード内の値は次のようになります。

<EasingDoubleKeyFrame KeyTime="0:0:0.75" Value="-360.0"/> 

コード ビハインドでは、値 (360 または -360) を設定できる DependencyProperty を記述しました。それは次のようになります。

        public static double GetRotationValue(DependencyObject obj)
        {
            return (double)obj.GetValue(RotationValueProperty);
        }

        public static void SetRotationValue(DependencyObject obj, double value)
        {
            obj.SetValue(RotationValueProperty, value);
        }

        public static readonly DependencyProperty RotationValueProperty= DependencyProperty.RegisterAttached("RotationValue", typeof(double), typeof(RotatingWheel.MainControl), new PropertyMetadata(360.0));

ここで、この DependencyProperty を値のソースとして使用したいと考えています。私は次のことを試しました：

<EasingDoubleKeyFrame KeyTime="0:0:0.75" Value="{Binding RelativeSource={RelativeSource Self}, Path=RotationValue}"/>

それはうまくいきません。他のケースを調べたところ、コントロールの正しいデータ コンテキストを「自己」に設定する必要があることがわかりました。そこで、ユーザー コントロールの XAML に次のように追加しました。

DataContext="{Binding RelativeSource={RelativeSource Self}}"

私の質問は次のとおりです。同じコントロール内にある DependencyProperty に値をバインドするにはどうすればよいですか?

-------------------------------------------------- ----

---

完全な XAML コードは次のとおりです。

<UserControl
    xmlns       ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x     ="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d     ="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc    ="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:ed    ="http://schemas.microsoft.com/expression/2010/drawing" 
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    x:Name="RotatingWheel" 
    mc:Ignorable="d"
    x:Class="RotatingWheel.MainControl"
    xmlns:rw="clr-namespace:RotatingWheel"
    d:DesignWidth="640" d:DesignHeight="480" Width="100" Height="100">

    <UserControl.Resources>

        <Storyboard x:Name="Storyboard">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="rectangle" RepeatBehavior="Forever">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                                                        <!--I want to bind this value to RotationValue DependencyProperty-->                   
                <EasingDoubleKeyFrame KeyTime="0:0:0.75" Value="{Binding RelativeSource={RelativeSource Self}, Path=RotationValue}"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="rectangle1" RepeatBehavior="Forever">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.75" Value="-360.0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="White">
        <ed:Arc ArcThickness="20" ArcThicknessUnit="Pixel" EndAngle="360" Fill="Gray" HorizontalAlignment="Left" Height="100" Margin="0" Stretch="None" Stroke="White" StartAngle="0" UseLayoutRounding="False" VerticalAlignment="Top" Width="100"/>
        <Rectangle x:Name="rectangle" Fill="White" HorizontalAlignment="Left" Height="20" Margin="0,40,0,0" Stroke="White" VerticalAlignment="Top" Width="100" RenderTransformOrigin="0.5,0.5">
            <Rectangle.RenderTransform>
                <CompositeTransform/>
            </Rectangle.RenderTransform>
        </Rectangle>
        <Rectangle x:Name="rectangle1" Fill="White" HorizontalAlignment="Left" Height="100" Margin="40,0,0,0" Stroke="White" VerticalAlignment="Top" Width="20" RenderTransformOrigin="0.5,0.5">
            <Rectangle.RenderTransform>
                <CompositeTransform/>
            </Rectangle.RenderTransform>
        </Rectangle>
    </Grid>
</UserControl>

-------------------------------------------------- ----

---

完全なコード ビハインド ファイルは次のとおりです。

using System.Windows;
using System.Windows.Controls;

namespace RotatingWheel
{
    public partial class MainControl : UserControl
    {
        public MainControl()
        {
            // Für das Initialisieren der Variablen erforderlich
            InitializeComponent();
             this.Loaded += new System.Windows.RoutedEventHandler(MainPage_Loaded);
        }

        private void MainPage_Loaded(object sender, System.Windows.RoutedEventArgs e)
        {
            this.Storyboard.Begin();
        }


#region DP RotationValue (360 or -360)

        public static double GetRotationValue(DependencyObject obj)
        {
            return (double)obj.GetValue(RotationValueProperty);
        }

        public static void SetRotationValue(DependencyObject obj, double value)
        {
            obj.SetValue(RotationValueProperty, value);
        }

        public static readonly DependencyProperty RotationValueProperty = DependencyProperty.RegisterAttached("RotationValue", typeof(double), typeof(RotatingWheel.MainControl), new PropertyMetadata(360.0));

#endregion

    }
}