您的位置:知识库 » .NET技术

一步一步学Silverlight :图形图像综合实例--"功夫之王"剧照播放

作者: TerryLee  来源: 博客园  发布时间: 2008-10-09 10:49  阅读: 12467 次  推荐: 2   原文链接   [收藏]  
[1] 一步一步学Silverlight :图形图像综合实例--"功夫之王"剧照播放
[2] 一步一步学Silverlight :图形图像综合实例--"功夫之王"剧照播放

主要实现

在单击时动态改变图片的Source属性:

void Play()
{
    currentImg.Source = new BitmapImage(new Uri(index.ToString() + ".png", UriKind.Relative));

    int left = index == MIN ? MAX : index - 1;
    leftImg.Source = new BitmapImage(new Uri(left.ToString() + ".png", UriKind.Relative));

    int right = index == MAX ? MIN : index + 1;
    rightImg.Source = new BitmapImage(new Uri(right.ToString() + ".png", UriKind.Relative));
}

并通过Storyboard来改变Transform的一些值实现动画效果:

<Canvas.Resources>
    <Storyboard x:Name="myStoryboard">
        <DoubleAnimation
  Storyboard.TargetName="myTransform"
  Storyboard.TargetProperty="AngleY"
  From="0" To="180" Duration="0:0:5" RepeatBehavior="1x"/>
        <DoubleAnimation
  Storyboard.TargetName="leftScaleTransform"
  Storyboard.TargetProperty="ScaleX"
  From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>
        <DoubleAnimation
  Storyboard.TargetName="leftScaleTransform"
  Storyboard.TargetProperty="ScaleY"
  From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>
        <DoubleAnimation
  Storyboard.TargetName="rightScaleTransform"
  Storyboard.TargetProperty="ScaleX"
  From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>
        <DoubleAnimation
  Storyboard.TargetName="rightScaleTransform"
  Storyboard.TargetProperty="ScaleY"
  From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>
    </Storyboard>
</Canvas.Resources

大家可以从这里下载完整示例代码。

结束语

本文实现了一个简单的图片播放器,并利用Storyboard实现一些动画效果。

[第1页][第2页]
2
0

.NET技术热门文章

    .NET技术最新文章

      最新新闻

        热门新闻