silverlight创建动态图

来源：互联网发布：中国农业产值最新数据编辑：程序博客网时间：2024/04/28 07:48

<controls:ChildWindow x:Class="SilverlightApplication10.CWLoading"
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" Title="正在努力加载……" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" Height="76" Width="391" Loaded="ChildWindow_Loaded">

    <Grid x:Name="LayoutRoot" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
        <Canvas HorizontalAlignment="Center" VerticalAlignment="Center">

            <Ellipse Height="10" Width="10" Canvas.Left="-5" Canvas.Top="-5" RenderTransformOrigin="0.5,0.5" x:Name="ellipse" IsHitTestVisible="False">
                <Ellipse.RenderTransform>
                    <ScaleTransform />
                </Ellipse.RenderTransform>
                <Ellipse.Fill>
                    <RadialGradientBrush>
                        <GradientStop Color="#00FF0000" />
                        <GradientStop Color="#FFFF0000" Offset="0.25" />
                        <GradientStop Color="#00FF0000" Offset="0.5" />
                        <GradientStop Color="#FFFF0000" Offset="0.75" />
                        <GradientStop Color="#00FF0000" Offset="1" />
                    </RadialGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
            <Ellipse Height="10" Width="10" Canvas.Left="-5" Canvas.Top="-5" Fill="#FFFF0000" x:Name="ellipse1" />
            <Canvas.Triggers >
                <EventTrigger RoutedEvent="Canvas.Loaded">
                    <EventTrigger.Actions >
                        <BeginStoryboard >
                            <Storyboard RepeatBehavior="ForEver">
                                <DoubleAnimation BeginTime="0" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" From="1" To="10" Duration="00:00:01" />
                                <DoubleAnimation BeginTime="0" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)" From="1" To="10" Duration="00:00:01" />
                                <DoubleAnimation BeginTime="0" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.Opacity)" From="1" To="0" Duration="00:00:01" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Canvas.Triggers>
        </Canvas>

    </Grid>

</controls:ChildWindow>

效果图：

0 0