WPF 定点跑马灯效果

WPF 中可以使用 Animation 和 VisualBrush 来实现定点跑马灯效果。

首先，创建一个 TextBlock 控件，并将其包含在一个 Canvas 中。将 TextBlock 的内容设置为需要展示的文本。假设 Canvas 的宽度为 300，TextBlock 的宽度为 200。

<Canvas Width="300">
    <TextBlock Text="这是一段需要展示的文本" Width="200" />
</Canvas>

接下来，在 Canvas 中添加一个矩形，用于遮挡 TextBlock 的部分内容。将矩形的宽度设置为 100，高度设置为 TextBlock 的高度。将矩形的 Fill 属性设置为一个 VisualBrush，该 VisualBrush 的视觉元素是 TextBlock，并且其对齐方式设置为左对齐。这样，当矩形向右移动时，TextBlock 的内容也会向左移动，从而实现跑马灯效果。

<Canvas Width="300">
    <TextBlock Text="这是一段需要展示的文本" Width="200" />
    <Rectangle Width="100" Height="{Binding ActualHeight, ElementName=TextBlock}">
        <Rectangle.Fill>
            <VisualBrush Visual="{Binding ElementName=TextBlock}" 
                         AlignmentX="Left" 
                         Viewport="-100,0,200,1" 
                         ViewportUnits="Absolute" 
                         TileMode="Tile"/>
        </Rectangle.Fill>
    </Rectangle>
</Canvas>

最后，使用一个 Storyboard 来控制矩形的移动。将矩形的 Canvas.Left 属性绑定到一个 DoubleAnimation 的 To 属性，并设置 Duration 和 RepeatBehavior 属性。这样，矩形会在 Canvas 上水平移动，从而实现跑马灯效果。

<Canvas Width="300">
    <TextBlock Text="这是一段需要展示的文本" Width="200" />
    <Rectangle Width="100" Height="{Binding ActualHeight, ElementName=TextBlock}" Canvas.Left="0">
        <Rectangle.Fill>
            <VisualBrush Visual="{Binding ElementName=TextBlock}" 
                         AlignmentX="Left" 
                         Viewport="-100,0,200,1" 
                         ViewportUnits="Absolute" 
                         TileMode="Tile"/>
        </Rectangle.Fill>
        <Rectangle.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="(Canvas.Left)" To="-100" Duration="0:0:5" RepeatBehavior="Forever" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Rectangle.Triggers>
    </Rectangle>
</Canvas>

这样，就实现了一个简单的定点跑马灯效果。