问题标签 [storyboard]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
627 浏览

wpf - Xamly 在调用 RoutedCommand 时开始故事板?

有没有办法在使用 XAML执行 ICommand 时开始故事板?

0 投票
2 回答
249 浏览

c# - 所以我学会了如何使图像扩展和收缩(x,y)。有没有办法让我旋转它们?

我有这个代码以性感的方式扩展和收缩图像。我想在那里添加一点旋转,只是为了让图像弹出,你知道吗?

在哪里/如何添加旋转动画来控制?

0 投票
1 回答
2078 浏览

c# - 使用 VisualBrush 时出现 WPF 故事板动画问题

我在玩故事板、翻转动画和视觉画笔。虽然我遇到了一个问题。下面是我快速拼凑的一个小示例的 xaml 和代码隐藏,以尝试演示该问题。

首次启动应用程序时,您会看到一个红色方块和两个按钮。如果单击“翻转”按钮,红色方块将“翻转”并出现蓝色方块。实际上,正在发生的所有事情是红色方块所在的 StackPanel 的宽度比例正在减小,直到它达到零,然后蓝色方块所在的 StackPanel(其宽度最初缩放为零)具有宽度增加。如果您单击“翻转”按钮几次,动画看起来还不错且流畅。

现在,如果您点击“反射”按钮,红色/蓝色按钮的反射将添加到它们各自的 StackPanel 中。现在点击“翻转”按钮仍会导致翻转动画,但不再是流畅的动画。StackPanels 的宽度通常不会缩小到零。宽度有所缩小,但在完全看不见之前就停止了。然后另一个 StackPanel 照常出现。唯一改变的是添加了反射,它只是一个 VisualBrush。

下面是代码。有谁知道为什么两种情况下的动画不同(在第二种情况下停止)?

谢谢。

以下是按钮单击处理程序:







更新:

我一直在对此进行更多测试,以试图找出导致我看到的问题的原因,并且我相信我找到了导致问题的原因。

下面我粘贴了新的 xaml 和代码隐藏。下面的新示例与原始示例非常相似,只是做了一些小的修改。xaml 基本上由两个堆栈面板组成,每个面板包含两个边框。每个堆栈面板中的第二个边框是一个视觉画笔(其上方边框的反射)。现在,当我单击“翻转”按钮时,一个堆栈面板的 ScaleX 减小到零,而第二个堆栈面板的初始 ScaleX 为零,它的 ScaleX 增加到 1。这个动画给人一种翻转的错觉。还有两个文本块显示每个堆栈面板的比例因子。我添加了这些以尝试诊断我的问题。

问题是(如原始帖子中所述)翻转动画不流畅。每次我按下翻转按钮时,动画都会开始,但每当 ScaleX 因子达到 0.14 到 0.16 左右时,动画看起来就停止了,并且堆栈面板从来没有将 ScaleX 减小到零,因此它们永远不会完全消失。现在,奇怪的是,如果我将下面定义的“frontBorder”和“backBorder”边框的 Width/Height 属性更改为使用显式值而不是 Auto,例如 Width=105 和 Height=75(以匹配按钮边界)一切正常。动画在我运行它的前两到三次时会卡顿,但之后的翻转是平滑无瑕的。(顺便说一句,当第一次运行动画时,后台是否发生了一些事情,某种初始化,

边框的自动宽度/高度是否可能导致问题?我每次都可以重现它,但我不确定为什么自动宽度/高度会成为问题。

下面是示例。谢谢您的帮助。

代码隐藏:

0 投票
1 回答
5172 浏览

wpf - 扩大/缩小 WPF 动画

在 WPF 中,当用户在 a 中获得焦点时TextBox,我想要一些动画来使TextBox多行并使其Width变大(在他打字时),并且当焦点丢失时,它TextBox会恢复到其原始大小。

尺寸未知。

此外,最终,这TextBox需要在 WPFDataGrid中。

我以前从未做过动画,希望有人帮助我开始。谢谢。

编辑:我在具有一些固定宽度值的同时成功地制作了动画(使其多行不起作用,但它并不那么重要)。所以我现在的问题是,如果未知,我怎样才能恢复到原来的大小。我可以在Width房产上使用乘数吗?

到目前为止,这是我的代码:

0 投票
2 回答
2382 浏览

wpf - 如何在 wpf 中为情节提要设置参数?

假设我有这个故事板:

我有可能To从代码中设置属性。就像是

当我想应用这个动画有可能设置它?

0 投票
1 回答
2262 浏览

xaml - 编写布尔动画的最简单方法是什么?

我有以下片段:

我希望弹出窗口在单击 StackPanel 时显示,并在它(弹出窗口)失去焦点时隐藏。

我想知道在 xaml 中写这个的最短方法是什么。

0 投票
1 回答
2455 浏览

wpf - 有没有办法从 TriggerAction 类继承?

我对动画不感兴趣,我正在尝试在没有关键帧的情况下设置简单的 setter 动作。

我想继承 TriggerAction;制作在目标上设置新值的属性,任何其他可选属性,以便我可以使用:

0 投票
1 回答
6779 浏览

wpf - 完全通过代码 WPF 执行翻转动画

我正在尝试向我构建的用户控件添加翻转动画。用户控件很简单,它有一个 87x87 的前后图像和一些属性。假设它代表我正在开发的游戏中的一块瓷砖。我正在尝试为用户从甲板上挑选瓷砖的翻转效果制作动画。我觉得我需要通过代码而不是 xaml 来执行此操作,原因有两个:1. 翻转瓷砖后还有另一个变换以旋转瓷砖(当前工作) 2. 翻转瓷砖后我想取消挂钩事件。

我得到的问题只是方法退出后运行的最后一个动画。我想我需要一个故事板,但我看到的所有示例都以两种方式让我感到困惑:

如何更改中间故事板的图像,以及将 targetProperty 设置为什么我一直在这两个博客上工作。

http://www.codeguru.com/csharp/csharp/cs_misc/userinterface/article.php/c12221 http://blogs.msdn.com/tess/archive/2009/03/16/silverlight-wpf-flipimage-animation .aspx

我将翻转分为两种不同的方法,因为我认为它有助于解决我遇到的问题。

0 投票
2 回答
1701 浏览

c# - 在 WPF 中暂停情节提要?

我要在 WPF 中暂停 Storyboard,所以我使用了以下代码:

但是什么也没有发生!
这样做的正确方法是什么?

0 投票
1 回答
1259 浏览

.net - KeyFrame 对象上的 KeyTime 属性必须设置为非负 TimeSpan 值吗?

全部,

有人能告诉我为什么这个 KeyTime 告诉我它在运行时是一个负值吗?我已经删除了一些构建图像路径的逻辑。

现在,具体来说,在运行时,它告诉我“KeyFrame 对象上的 KeyTime 属性必须设置为非负 TimeSpan 值”。如果我更深入地研究变量,我不会得到更多的调试信息。我检查了位图是否为空,但它们不是。例如,我尝试设置自己的时间跨度(设置为 1 秒),但我得到了与上面相同的错误。

这一切都源于我在 WPF 中的一个类似功能,它以这种精确的方式构建故事板。两者的唯一区别是在 wpf 中 Keytime 设置为 KeyTime.PACED。由于 Silverlight 显然没有此选项,因此我使用了 Uniform 并遇到了此错误。有人可以阐明为什么在 Silverlight 中会发生这种情况,但在 WPF 中却完全可以正常工作吗?