《Programming WPF》翻译 第8章 3.Storyboard

Storyboard是动画的集合。如果你使用了标记,所有的动画必须要被定义在一个Storyboard中。(在 代码中创建隔离的动画对象,这是可能的,参见本章后面部分。)一个动画的结构通常是不同于设置了动 画的UI的结构上。例如,你可能想要来两个单独的用户界面元素在同一时间被设置动画。因为Storyboard 将动画从有动画效果的对象中隔离出来,Storyboard是自由地反射这样的连接,即使这些元素被设置了对 象,可能被定义在完全不同的文件部分中。

示例8-15显示了包含了两个椭圆的用户界面的标记。

示例8-15

<Window Text="Two Animations" Width="420" Height="150"
    xmlns="http://schemas.microsoft.com/winfx/avalon/2005"
    xmlns:x="http://schemas.microsoft.com/winfx/xaml/2005">

    <Window.Storyboards>
        <ParallelTimeline>
            <SetterTimeline TargetName="myEllipse" Path="(Ellipse.Width)">
                <DoubleAnimation From="10" To="300" Duration="0:0:5"
                                 RepeatBehavior="Forever" />
            </SetterTimeline>
            <SetterTimeline TargetName="myOtherEllipse" Path="(Ellipse.Width)">
                <DoubleAnimation From="300" To="10" Duration="0:0:5"
                                 RepeatBehavior="Forever" />
            </SetterTimeline>
        </ParallelTimeline>
    </Window.Storyboards>

    <StackPanel Orientation="Horizontal">
        <Ellipse x:Name="myEllipse" Height="100" Fill="Red" />
        <TextBlock>This is some text</TextBlock>
        <Ellipse x:Name="myOtherEllipse" Height="100" Fill="Blue" />
    </StackPanel>
</Window>

这些椭圆是互不邻近的,但是它们的宽度都以异步的方式设置了动画。这种异步被反射在Storyboard 的结构中:这两个动画都是内嵌在同样的ParallelTimeline元素中,指出了这些动画都在相同的时间运行 。一个从10到300的动画,另一个是从300到10,因此StackPanel中这三项的总宽度保持为恒定的。

Storyboard必须运行以三种位置中的一种。它们可以放置在Style中、ContentTemplate中、或者顶级 元素中。顶级元素是Window和Page,或者派生于此的类。

所有的用户界面元素都有一个Storyboard属性,继承于基类型FrameworkElement。你可能想这意味着 你可以添加一个Storyboard到任意一个元素。这于当前是不被支持的。Storyboard只会工作于:Style中 、ContentTemplate中、或者顶级元素中。

时间: 2024-11-03 00:09:21

《Programming WPF》翻译 第8章 3.Storyboard的相关文章

《Programming WPF》翻译 目录

原文:<Programming WPF>翻译 目录 注:第1.2章我只做了笔记,没有翻译,请大家阅读时注意. 还有就是,这本书的英文版本下载:[O'Reilly] Programming Windows Presentation Foundation (2005) - BBL 以下是这本书的目录: 1.Hello, WPF     1.1 WPF from Scratch 基础     1.2 Navigation 导航     1.3 属性元素     1.4 布局     1.6 数据绑定

《Programming WPF》翻译 第5章 7.控件模板

如果仔细的看我们当前的TTT游戏,会发现Button对象并没有完全为我们工作 .哪些TTT面板有内圆角? 图5-14 这里,我们真正需要的是能够保持按钮的行为,如支持内容和点击事件,但 是我们想要接管这些按钮的外观.WPF允许这种方式,因为内在的控件创建的时 候是缺少外观性的,例如,他们提供行为,但是外观可以被完全包装在客户端控 件的外面. 还记得我们是如何使用数据模板,来为非可视化对象提供外观的么?我们能 够使用控件模板对控件做同样的事情,这将是一组StoryBoard,触发器,以及大 多数重

《Programming WPF》翻译 第9章 5.默认可视化

虽然为控件提供一个自定义外观的能力是有用的,开发者应该能够使用一个控件而不用必须提供自定 义可视化.这个控件应该正好工作,当以它最直接的方式使用时.这意味着控件应该提供一组默认的值. 这些默认的可视化存储在组件的二进制资源中,使用的源文件为theme"generic.xaml.如果你在 Visual Studio 2005中创建了一个WPF 控件库的工程,这将自动添加这个文件到你的工程中,并且设置它 的Build Action为作为资源内嵌.(参见第6章获取更多关于如何在组件中编译xaml资源的

《Programming WPF》翻译 第9章 4.模板

对一个自定义元素最后的设计考虑是,它是如何连接其可视化的.如果一个元素直接从 FrameworkElement中派生,这将会适当的生成它自己的可视化.(第7章描述了如何创建一个图形外观. )尤其是,如果你创建了一个元素,是为了提供一个特定的可视化表现,该元素应该完全控制这个可视化 是如何管理的,一旦你编写了一个控件,通常你不会将一个图形硬编码到里面. 记住,一个控件的工作是提供行为.可视化是由控件模板提供的.这种可视化是由控件模板提供的. 一个控件可能提供一组默认的可视化,而应允许这些可视化被替

《Programming WPF》翻译 第9章 2.选择一个基类

WPF提供了很多类,当创建一个自定义元素时,你可以从这些类中派生.图9-1显示了一组可能作为类 --可能是合适的基类,并且说明了他们之间的继承关系.注意到,这决不是完整的继承关系图,只是简 单的显示了一些你应该考虑的可能的基类. 无论你选择了哪一个基类,你的元素都会直接或间接地从FrameworkElement派生.这将提供routing事 件,高级属性处理,动画,数据绑定,外观上的支持,样式,以及逻辑树的集成. 派生于FrameworkElement并不是绝对的需要.第7章讨论了底层可视化图形

《Programming WPF》翻译 第9章 1.自定义控件基础

在写一个自定义控件之前,你需要问的第一个问题是,我真的需要一个自定义控件吗?一个写自定义 控件的主要原因是为了用户界面技术专家可以修改控件的外观,但是正如我们在前些章看到的,内容模型 和模板意味着这通常是不必要的.WPF提供了一个先进的按照规模的定制技术,你应该记住这些--当考 虑写一个自定义控件时. 使用属性修改一个已有控件的外观 组合已有的一些控件 将内容嵌入已有控件 使用模板代替一个已有控件 创建一个自定义控件或其他自定义元素 这个顺序提供了渐增的能力级别,以每一级别上轻微的额外成效为交换

《Programming WPF》翻译 第9章 前言

WPF的一个优势在于,不必像其他用户界面框架那样要经常写自定义控件.如果你需要自定义一个已有 控件的外观或者调整其表面的交互式行为,WPF提供各种各样的工具让你可以做到这些.在前面一些章节 ,我们已经看到了一些特色,如兼容性,内容模型,样式,模板,动画,以及集成的图像支持.这些可以 让你广阔地定义已有控件而不用编写一个新的控件类型. 当然,自定义控件仍然占有地位.正如我们在第3章看到的,控件的角色是定义一个基本的行为.当你 尽兴的定义一个按钮外观并为之添加动画的时候,它仍然保持其本质--可点击的

《Programming WPF》翻译 第8章 5.创建动画过程

所有在这章使用xaml举例说明的技术,都可以在代码中使用,正如你希望的.可是,代码可以使用动 画在某种程度上不可能在xaml中实现的. 在代码中创建动画需要稍微多一点的努力--比使用标记.然而,代码提供了更多的弹性.你可以在 运行期计算属性,而不是在xaml中硬编码,从而支持你的动画适应环境.例如,这可能是有用的--在当 前窗体的大小基于动画的参数. 使用代码一个额外的好处是我们不需要使用storyboard,替代的,我们可以创建一些被称为"本地动 画"的对象."本地动画&q

《Programming WPF》翻译 第8章 2.Timeline

Timeline代表了时间的延伸.它通常还描述了一个或多个在这段时间所发生的事情.例如,在前面章 节描述的动画类型,都是Timeline.可哦率这样的DoubleAnimation: <DoubleAnimation From="10" To="300" Duration="0:0:5" /> 正如Duration属性指出的,这代表了一个5秒的时间长度.所有类型的Timeline总是有一个开始时间和 一个持续时间.如果没有详细指定开始