WPF窗口淡入与字幕滚动

窗口淡入

1、设置OpacityMask

　<Grid.OpacityMask>

            <LinearGradientBrush StartPoint="0,1" EndPoint="0,0">

                <GradientStop Color="#00000000" Offset="0"/>

                <GradientStop Color="#00000000" Offset="1"/>

                <GradientStop Color="#00000000" Offset="1"/>

            </LinearGradientBrush>

        </Grid.OpacityMask>

2、设置Triggers

<Grid.Triggers>

            <EventTrigger RoutedEvent="Loaded">

                <EventTrigger.Actions>

                    <BeginStoryboard>

                        <Storyboard>

                            <DoubleAnimation From="1" To="0" Duration="0:0:1.5" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[1].Offset"/>

                            <DoubleAnimation From="1" To="0" Duration="0:0:1" BeginTime="0:0:0.5" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[2].Offset"/>

                            <ColorAnimation To="#FF000000" Duration="0" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[2].Color"/>

                        </Storyboard>

                    </BeginStoryboard>

                </EventTrigger.Actions>

            </EventTrigger>

        </Grid.Triggers>

 

字幕滚动

　　<Canvas VerticalAlignment="Top" Height="46" ClipToBounds="True" Margin="0,138,0,0">
　　　　<StackPanel Name="content1">
　　　　　　<StackPanel.RenderTransform>
　　　　　　　　<TranslateTransform Y="0" />
　　　　　　</StackPanel.RenderTransform>
　　　　<TextBlock FontSize="36" Foreground="Green" Text=" 小的们，滚起来。。。" Width="504" />
　　　　</StackPanel>
　　　　<Canvas.Triggers>
　　　　　　<EventTrigger RoutedEvent="Loaded">
　　　　　　　　<BeginStoryboard>
　　　　　　　　　　<Storyboard>
　　　　　　　　　　　　<DoubleAnimation From="0" To="-550" Duration="0:0:3" RepeatBehavior="Forever"
Storyboard.TargetName="content1" Storyboard.TargetProperty="RenderTransform.X" />
　　　　　　　　　　</Storyboard>
　　　　　　　　</BeginStoryboard>
　　　　　　</EventTrigger>
　　　　</Canvas.Triggers>
　　</Canvas>