1

画面上で画像を跳ね返して回転させるシンプルなアプリを作ろうとしています。画像が含まれているウィンドウの側面の1つに当たるたびに、回転速度を動的にして変更したいと考えています。そこで、回転速度や方向を動的に変更する方法を見つけようとしていました。速度値を渡し、アニメーションで回転を動的に変更して実験しています。

とにかく、AngleProperty をアニメーション化し、XAML で Angle にバインドすることで、回転を動的に変更する機能をテストしようとしています。画像が回転しないので、何か間違っているに違いありません。

これに関するヘルプは大歓迎です!!

ありがとう、カーティス

ここに私のXAMLがあります:

<UserControl x:Class="Scooter.Bug"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             DataContext="{Binding RelativeSource={RelativeSource Self}}"
             Loaded="Bug_OnLoaded"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Image x:Name="_image" Source="Images/Author.png" RenderTransformOrigin="0.5, 0.5">
        <Image.RenderTransform>
            <RotateTransform Angle="{Binding Angle}"/>
        </Image.RenderTransform>    
        </Image>
    </Grid>
</UserControl>

これが私のコードビハインドです：

using System;
using System.Windows;
using System.Windows.Media.Animation;

namespace Scooter
{
    public partial class Bug
    {
        public static readonly DependencyProperty SpinSpeedProperty = DependencyProperty.Register("SpinSpeed", typeof (TimeSpan), typeof (Bug), new PropertyMetadata(default(TimeSpan)));
        public static readonly DependencyProperty AngleProperty = DependencyProperty.Register("Angle", typeof (double), typeof (Bug), new PropertyMetadata(default(double)));

        public Bug()
        {
            InitializeComponent();
        }

        void _timer_Tick(object sender, EventArgs e)
        {
            Angle = Angle >= 360 ? 0 : Angle + 1;
        }

        public TimeSpan SpinSpeed
        {
            get { return (TimeSpan) GetValue(SpinSpeedProperty); }
            set { SetValue(SpinSpeedProperty, value); }
        }

        public double Angle
        {
            get { return (double) GetValue(AngleProperty); }
            set { SetValue(AngleProperty, value); }
        }

        private void Bug_OnLoaded(object sender, RoutedEventArgs e)
        {
            DoubleAnimation animation = new DoubleAnimation
            {
                From = 0,
                To = 360,
                RepeatBehavior = RepeatBehavior.Forever,
                Duration = SpinSpeed
            };

            _image.BeginAnimation(AngleProperty, animation);
        }
    }
}
4

1 に答える 1

3

BeginAnimation()Image を呼び出していますが、 AnglePropertyfromを使用していBugます。

次のいずれかで使用できBeginAnimation()ますRotateTransform

_image.RenderTransform.BeginAnimation(RotateTransform.AngleProperty, animation);

またはあなたのコントロールを呼び出しBeginAnimation()ます：

this.BeginAnimation(AngleProperty, animation);
于 2013-09-05T23:15:13.610 に答える