C# 旋转渐变在WPF中脱离画布_C#_Wpf

C# 旋转渐变在WPF中脱离画布

c# wpf

C# 旋转渐变在WPF中脱离画布,c#,wpf,C#,Wpf,我想在WPF中制作一个带有缓慢旋转梯度背景的倒计时器，但我对WPF一无所知。问题是整个边框都会旋转，并脱离画布这是我的密码： XML: <Grid> <Border Margin="-483,-164,-690,-147" RenderTransformOrigin="0.5,0.5" > <Border.Background> <LinearGradientBrush

我想在WPF中制作一个带有缓慢旋转梯度背景的倒计时器，但我对WPF一无所知。问题是整个边框都会旋转，并脱离画布

这是我的密码：

XML:

    <Grid>
        <Border Margin="-483,-164,-690,-147" RenderTransformOrigin="0.5,0.5" >
            <Border.Background>
                <LinearGradientBrush EndPoint="1.504,1.5" StartPoint="1.504,0.03" >
                    <GradientStop Color="#fc00ff" Offset="-0.05" />
                    <GradientStop Color="#00dbde" Offset="0.7"/>

                    <LinearGradientBrush.Transform>
                        <RotateTransform CenterX="200" CenterY="200" Angle="0" />

                    </LinearGradientBrush.Transform>

                </LinearGradientBrush>

            </Border.Background>
            <Border.RenderTransform>
                <RotateTransform x:Name="AnimatedRotateTransform" Angle="0" />
            </Border.RenderTransform>
            <Border.Triggers>
                <EventTrigger RoutedEvent="MouseDown">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetName="AnimatedRotateTransform" 
                                                 Storyboard.TargetProperty="Angle" 
                                                 By="10"        
                                                 To="360" 
                                                 Duration="0:2:0" 
                                                 FillBehavior="Stop" />

                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Border.Triggers>
        </Border>
        <TextBlock Name="tbTime" Text="00:30:00" Margin="104,112,108,119" HorizontalAlignment="Center" VerticalAlignment="Center" FontFamily="Exo" FontSize="66.667" Foreground="White" UseLayoutRounding="False" >
            <TextBlock.Effect>
                <DropShadowEffect RenderingBias="Quality" BlurRadius="20" Direction="319" Opacity="0.2" ShadowDepth="0"/>
            </TextBlock.Effect>
        </TextBlock>
        <Image x:Name="image" HorizontalAlignment="Left" Height="100" Margin="192,210,0,0" VerticalAlignment="Top" Width="100">
            <Image.Effect>
                <BlurEffect RenderingBias="Quality" Radius="25"/>
            </Image.Effect>
        </Image>

    </Grid>

public partial class MainWindow : Window
{
    DispatcherTimer _timer;
    TimeSpan _time;

    public MainWindow()
    {
        InitializeComponent();

        _time = TimeSpan.FromSeconds(1800);

        _timer = new DispatcherTimer(new TimeSpan(0, 0, 1), DispatcherPriority.Normal, delegate
        {
            tbTime.Text = _time.ToString("c");
            if (_time == TimeSpan.Zero) _timer.Stop();
            _time = _time.Add(TimeSpan.FromSeconds(-1));

        }, Application.Current.Dispatcher);

        _timer.Start();

    }

问题是您正在旋转边界而不是笔刷

只需将x:name=“AnimatedRotateTransform”移动到“LinearGradientBrush.Transform”而不是“Border.RenderTransform”

您还应该删除网格上的边距（否则您将看不到渐变的整个范围），并可能添加repeatbehavior=“Forever”，以保持旋转超过一轮（360度旋转后）

我还改变了旋转的速度，所以你可以看到它持续了不止一轮

XAML：

问题在于您正在旋转边框而不是画笔