WPF中如何让Border的LinearGradientBrush单独无限顺时针自动旋转

完全可以做到！只需要给LinearGradientBrush添加一个旋转变换，并对这个变换的角度做动画即可，整个过程只会作用在渐变上，不会影响窗口里的其他任何元素。下面是两种实用的实现方案：

方案1：纯XAML实现（推荐） #

这种方式不需要后台C#代码，直接在XAML里定义动画，简洁直观：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="渐变旋转窗口" WindowStyle="None" Width="400" Height="300">
    <Grid>
        <!-- 目标Border -->
        <Border CornerRadius="10" Margin="20">
            <Border.Background>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                    <GradientStop Color="#FF6B9FFF" Offset="0"/>
                    <GradientStop Color="#FFD16BFF" Offset="1"/>
                    <!-- 添加旋转变换，以渐变中心为旋转原点 -->
                    <LinearGradientBrush.Transform>
                        <RotateTransform x:Name="GradientRotate" CenterX="0.5" CenterY="0.5"/>
                    </LinearGradientBrush.Transform>
                </LinearGradientBrush>
            </Border.Background>
            
            <!-- 这里放你的其他元素，比如文本、按钮等，它们不会跟着渐变旋转 -->
            <TextBlock Text="我是不受影响的内容" FontSize="20" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Border>
    </Grid>

    <!-- 定义无限循环的旋转动画 -->
    <Window.Resources>
        <Storyboard x:Key="RotateGradientStoryboard" RepeatBehavior="Forever">
            <!-- 每秒旋转360度，可调整Duration改变旋转速度 -->
            <DoubleAnimation 
                Storyboard.TargetName="GradientRotate"
                Storyboard.TargetProperty="Angle"
                From="0" To="360"
                Duration="0:0:1"
                EasingFunction="Linear"/>
        </Storyboard>
    </Window.Resources>

    <!-- 窗口加载时自动启动动画 -->
    <Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <BeginStoryboard Storyboard="{StaticResource RotateGradientStoryboard}"/>
        </EventTrigger>
    </Window.Triggers>
</Window>

关键细节： #

• 给LinearGradientBrush添加RotateTransform时，设置CenterX和CenterY为0.5，确保渐变围绕自身中心旋转，不会出现偏移。
• RepeatBehavior="Forever"让动画无限循环，Linear缓动函数保证旋转匀速流畅。
• 窗口内的其他元素（比如示例里的TextBlock）完全不受渐变旋转的影响，各自保持原状态。

方案2：后台C#代码实现 #

如果需要在代码里动态控制动画的启停、速度，可以用这种方式：

XAML部分（仅保留核心结构）：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="渐变旋转窗口" WindowStyle="None" Width="400" Height="300" Loaded="Window_Loaded">
    <Grid>
        <Border x:Name="TargetBorder" CornerRadius="10" Margin="20">
            <Border.Background>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                    <GradientStop Color="#FF6B9FFF" Offset="0"/>
                    <GradientStop Color="#FFD16BFF" Offset="1"/>
                    <LinearGradientBrush.Transform>
                        <RotateTransform CenterX="0.5" CenterY="0.5"/>
                    </LinearGradientBrush.Transform>
                </LinearGradientBrush>
            </Border.Background>
            <TextBlock Text="我是不受影响的内容" FontSize="20" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Border>
    </Grid>
</Window>

后台C#代码：

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    // 获取Border的渐变画笔和旋转变换
    var gradientBrush = TargetBorder.Background as LinearGradientBrush;
    var rotateTransform = gradientBrush.Transform as RotateTransform;

    // 创建角度动画
    var rotateAnimation = new DoubleAnimation
    {
        From = 0,
        To = 360,
        Duration = TimeSpan.FromSeconds(1),
        RepeatBehavior = RepeatBehavior.Forever,
        EasingFunction = new LinearEase()
    };

    // 启动动画
    rotateTransform.BeginAnimation(RotateTransform.AngleProperty, rotateAnimation);
}

额外提示： #

• 调整Duration的值可以改变旋转速度，比如TimeSpan.FromSeconds(2)就是每2秒转一圈。
• 如果需要动态控制动画，可保存rotateAnimation的引用，调用Pause()、Resume()或Stop()方法来操作。

内容的提问来源于stack exchange，提问作者Axel M