Silverlight活动动态背景

分享于 

4分钟阅读

Web开发

  繁體

介绍

自从开始开发Silverlight应用程序以来,我感兴趣的是创建更丰富更动态的用户体验。 毕竟,一个闪存平台的承诺,我可以在 C# 中编写代码,让我们的思考。"。

我不能接受这个想法,这篇文章详细介绍了这篇文章的详细内容,由 Jose。 请阅读它,因为它提供了一个很好的理解使用这个示例的内容。 最初的作者没有提供任何源代码,只是一些屏幕截图。 我尽力重新创造效果,在某些地方改进效果。

本篇文章非常简短,通过对每一个文件的引用,我可以使它长而乏味,这是我们所拥有的全部文件的一。 我宁愿让你下载样本然后运行它。 本文包含了一些截图,以及基本概念的描述。

背景

对于背景,我选择了简单的射线设计。 包括一个 XAML Storyboard,用于更改南非标志 6颜色之间的主要背景色。 这是为世界杯 2010提供的支持,目前南非进行。

形状图层

我们在上面绘制了三层的效果,在上面画出了图形。 每层都有一个逐渐透明和更小的形状。 动画一样,它在动画中也会逐渐慢慢地变慢,以便在移动鼠标时创建更流行的感觉。

这些形状是简单的XAML路径,下面是一些基本形状的示例。 形状继承自 ShapeBase,它包括处理诸如缩放和旋转等变换的标准方法。 当背景添加到图层时,允许背景动态地旋转和调整每个形状的大小。 如果我们不允许这样做,我们最终将有所有的形状对齐北南和相同的大小。 如果所有的形状大小相同,则演示文稿中没有透视图。 如果所有的形状都对准南,那就很无聊了。

控制层

Background 层之上,所有 Shape 层都是 Controls 层。 这里层包含屏幕上所需的可视元素,并且还具有动画。 动画对所有层次的响应是最小的,这样控件就不会简单地从用户的鼠标下跳出来,当它们到达它的时候。

版式

在 2520像素宽和 1680高的区域中显示 BackgroundShape 层。 这是为了实现高清晰度( 高清)的可视化布局。 尽管高清的屏幕上显示了 HD,但我在屏幕的顶部,底部,左边和右边增加了 300,以支持更大的显示,甚至在高清分辨率下也能继续使用。

控件层显示在小于客户端视觉窗口的区域中,以防止任何控件从屏幕侧滑出。

更改和修改

我已经改变了原作者实现他系统的一些方式,它的中一个是我创建了一个 ShapeBase 类。 这允许我们动态更改通过更改属性呈现的Shapes,而不用为每个 Shape 实际创建新的页面。

我们将创建一个更可以重用的代码集,这样我就可以将这个概念应用于起源智能客户端框架 v2.0 ( 项目 ruby ) 中的活动动态背景。

更新

  • 11 2010年06月 - 已经发布的原始文章

相关文章