问题标签 [transitions]

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 回答
122 浏览

transitions - 过渡到以前的状态

我正在设计一个状态机并且有一个特定的状态,我可以从两个不同的状态进入......我不知道如何回到以前的状态......还是我建模错了?

为了显示 :

最后一行是我遇到麻烦的地方。我需要转换到初始状态,如果 A 是从第 1 行的转换到达的,我需要转换到状态 B,如果 A 是从第 3 行的转换到达的。

我怎样才能更好地建模呢?

0 投票
2 回答
2499 浏览

apache-flex - VGroup:添加/删除时如何使新元素平滑显示(调整大小)

在向/从 VGroup 添加/删除元素时,我需要它顺利进行,调整项目的大小。我相信我必须使用过渡效果。但是怎么做?

  1. 在项目(元素)级别?
  2. 在 VGroup 级别?
  3. 我应该改用 DataGroup 并在 ItemRenderer 级别进行吗?

我一直在尝试在项目级别上做到这一点,但我仍然没有设法让它发挥作用,而且不知何故感觉不对。感觉应该在更高的水平上完成。

例如,我定义了一个“死亡”状态,它将项目的大小调整为 height=0。但是,在它缩小之后,它必须以某种方式通知 VGroup 以便将其从 VGroup 中删除或删除。感觉不必要的复杂。

我希望的是一种将效果与从 VGroup 中插入和删除项目相关联的方法?有任何想法吗?

在此先感谢,努诺

0 投票
2 回答
134 浏览

windows-phone-7 - 哪个更好,一些网格折叠或一些用户控件?

我正在开发一个使用一些瞬态内容的 Windows Phone 7 应用程序。

为了避免回到那个短暂的内容,我决定在同一页面上使用一个带有多个网格的 phew 页面。

当我必须显示另一个“页面”时,我设置为折叠的当前网格,然后设置为可见的所需网格。

我知道这可以使用用户控件来完成,但我不确定使用用户控件是否比使用网格最慢。有什么建议吗?

另一个问题是如果我使用网格,我该如何使用页面转换?

0 投票
2 回答
252 浏览

apache-flex - 如何对许多 Flex 动画进行排队或流水线化?

我有一个 Flex 应用程序,其中一些交互会导致许多对象同时需要视觉更新。这些更新转换为许多基于 MXML 的组件的状态更改,这些组件具有基于状态的转换。当只有少数组件同时动画时,过渡看起来很棒……但是当所有组件同时动画时……Flash Player 就跟不上。

关于如何创建动画管道的任何想法,以便一切都有机会跟上?或者也许其他一些解决方案?

0 投票
3 回答
4330 浏览

jquery - 如何在 jQuery.ajax 中使用 CSS3 转换回调

我正在使用以下 jQuery 代码片段来执行 AJAX 请求:

我还设置了 CSS3 过渡,以便不透明度的变化在 0.25 秒内淡入淡出。期望的结果是(单击链接后)页面的一部分淡出,然后内容被替换,最后该部分再次淡入(显示新内容)。

问题是在淡出转换完成之前内容被 Ajax 答案替换。

你会怎么做才能让 AJAX 请求仅在 CSS3 转换完成后启动?


阅读不同的线程让我考虑了这个解决方案:

我只能在淡出完成时使用这样的东西来启动 ajax 请求,但是:

  • 它涉及处理 $.ajax 方法之外的第一个转换(因此删除了 beforeSend 方法)
  • 我不知道如何只听不透明过渡
  • 对我来说,ajax 请求是由转换触发的,因为它当前是由单击链接触发的。

我还查看了 jQuery animate 函数,但它似乎没有使用 CSS3 过渡。

任何帮助将非常感激

0 投票
3 回答
75252 浏览

css - 悬停和鼠标悬停的不同 CSS 过渡延迟?

是否可以在“状态”之间使用具有不同延迟切换的 CSS3 转换?例如,我试图让一个元素在悬停时立即更高,然后在“mouseout”上等待一秒钟,然后再滑回元素的初始高度。

演示页面: jsfiddle.net/RTj9K(在右上角悬停黑框)

CSS: #bar { transition:.4s ease-out 0, 1s; }

我认为最后的时间安排与延迟有关,但它似乎并没有像我想象的那样工作。

0 投票
1 回答
7098 浏览

html - 在不使用 jquery 的情况下,使用 CSS3 在 HTML5 中平滑页面转换

我正在为移动设备设计一个网页。我知道 jquery 很棒,但我不想使用它。我想实现像http://jquerymobile.com/demos/1.0a4.1/这样的平滑页面转换,但不使用 jquery。我怎样才能做到这一点?页面转换之间会调用 Web 服务,因此会有延迟。我希望它尽可能平滑。

0 投票
2 回答
12511 浏览

css - 使用 css3 淡化背景图像

嘿大家...我想知道为什么这行不通?

如果我将背景更改为黄色和悬停黑色等颜色,它可以正常工作....但不是我的图像?

0 投票
1 回答
2882 浏览

apache-flex - VGroup 中的 Flex 4 状态转换移动效果

我正在尝试创建一个很好的状态转换,其中我有 2 个容器(在下面的示例中,我使用了面板)。

当状态改变时,我想淡出上面板,然后将下面板移动到屏幕顶部,然后在下面我想淡入一个新的“下”面板。

在下面的代码中,淡入淡出工作正常,但面板并没有移动到框的顶部,它只是进入了新位置而没有过渡。

此外,“反向”过渡根本不会发生。我尝试将autoReverse设置为true,并且我还尝试建立一个相反的过渡,既没有结果,也没有过渡。

当我为 VBox 替换 VGroup(这一切都发生在其中)时,我得到了一个稍微好一点的结果,过渡以一种方式工作。反向转换仍然根本不起作用。

当我摆脱 VGroup 或 VBox 并使用绝对位置时,转换工作正常:

如果您想要这种移动过渡,您应该始终使用绝对定位,还是可以在结合 includeIn 和 excludeFrom 属性的 VGroup 或 VBox 中使用这些过渡?如果是这样,我该如何在上面的示例中纠正它?

0 投票
2 回答
691 浏览

windows-phone-7 - 网格中画布之间的 WP7 过渡

我在一个网格中有两个画布,我想要转换的全场景“图像”,我想知道如何在这两个 Canvas 控件之间进行转换。

以编程方式,我将第一个画布添加到网格中,然后将第二个画布添加到网格中,然后删除第一个画布,我真正想要做的是它们之间的过渡。

关于我如何以编程方式实现这一目标的任何建议?

谢谢。

编辑:我已经实现了这个方法,但是遇到了问题,谁能告诉我我是否用错了?

这是我使用它的方式:

这样做的问题是动画似乎只从屏幕的一部分开始,例如,我只看到它滑动最后 20 像素左右,它不会一直滑动。