问题标签 [gwt-animation]

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 投票
2 回答
5352 浏览

gwt - 简易 GWT 动画

我已经开始查看一些用于动画的外部 GWT库,但对于我想要的东西来说,它们似乎都有些矫枉过正。

我正在尝试模仿GWT 中的JQuery Tools 滚动标签插件来进行滚动导航(想想 iphone)。用户单击一个项目,页面滚动到该项目的子面板,该面板也可能有可以单击的子面板。

我需要做的就是在某个固定的时间速率内前后滑动一个 div,x 个像素

我发现的关于在 GWT 中编写动画的唯一真正教程是 2 岁,看起来有点冗长,(管理单个帧等......)

有没有更简单的解决方案可以轻松地将 div 从一个位置移动到另一个位置而不需要所有额外的麻烦?

请原谅我,但我来自 jQuery 编码,它简单而轻松地内置了它。

0 投票
1 回答
2490 浏览

gwt - 不遵守 GWT 动画最终值

我有一个 FlowPanel,我试图像 iphone 导航一样来回设置动画。(有关如何执行此操作的原始问题,请参阅此帖子)

所以我让它使用下面显示的代码“工作”。我说使用引号是因为我发现我的滚动条的最终位置并不精确,并且在滚动时总是会发生变化。

GWT.log 总是显示我正在寻找的实际值,因此例如在下面调用 scrollTo 时,我的 GWT.log 说:

滚动开始:0 滚动停止:-246

但是当我实际分析 fireBug 中的元素时,它的 css,left 位置永远不会正好是-246px。有时它会偏离 10 像素,所以我的面板在完成之前刚刚停止滚动。

最糟糕的部分是这个导航来回动画,所以随后的点击真的可以把它扔掉,我需要像素完美的定位,否则整个事情看起来都没有。

除了我已经做过的事情之外,我什至不知道从哪里开始调试它。任何提示表示赞赏。

编辑:附加日志信息:
在 onUpdate 中的日志显示:

为什么它以 0.98% 结尾???

调用动画的代码

动画代码

0 投票
1 回答
174 浏览

html - 我们如何将 animations.css 应用到 GWT 小部件?

我正在使用 GWT 并尝试使用 animation.css 应用 slideUp、slideDown 等过渡效果

我在html文件中链接了animation.css,例如,

还包括一个脚本,

我已将此 animation.css 类直接应用到我的面板或小部件中,

其中“slideInDown”是animation.css 中的类名,但效果并未应用于该myPanel。有人可以帮助解决上述情况下的问题吗?