我有一个FlowPanel,我试图像iphone导航一样来回动画.(有关如何执行此操作的原始问题,请参阅此帖子)
所以我让它"正常工作"下面显示的代码.我说在引号中工作,因为我发现我的滚动条的最终位置不精确,滚动时总是会改变.
GWT.log总是说我正在寻找的实际值,所以例如下面的调用scrollTo,我的GWT.log说:
ScrollStart:0 scrollStop:-246
但是当我实际分析fireBug中的元素时,它的css,左侧位置绝不是-246px.有时它的关闭时间高达10px,因此我的面板在完成之前就已停止滚动.
最糟糕的是这个导航器来回动画,所以后续的点击可以真正地将其抛弃,我需要像素完美的定位,否则整个事物都会看起来不对劲.
除了我已经完成的工作之外,我甚至不知道从哪里开始调试.任何提示都表示赞赏.
编辑:其他日志记录信息:
登录onUpdate显示:
Updating: progress: 0.09319577524960648 position: -22.926160711403195
Updating: progress: 0.1328387452821571 position: -32.67833133941065
Updating: progress: 0.609071620698271 position: -149.83161869177468
Updating: progress: 0.7269952498697734 position: -178.84083146796425
Updating: progress: 0.9852532367342712 position: -242.37229623663072
AnimationComplete: final scrollStart/scrollStop: 0/-246
Run Code Online (Sandbox Code Playgroud)
为什么它以0.98%结束?
调用动画的代码
scroller = new Scroller();
scroller.scrollTo(-246,400);
Run Code Online (Sandbox Code Playgroud)
动画代码
public class Scroller extends Animation {
private FlowPanel scroller;
private final Element e;
public Scroller(){
scroller = new FlowPanel();
e = scroller.getElement();
}
public void scrollTo(int position, int milliseconds) {
scrollStart …
Run Code Online (Sandbox Code Playgroud) 我已经开始寻找一些用于动画的外部 GWT库,但对于我想要的东西来说,它们似乎都有点过大了。
我试图模仿GWT 中的JQuery Tools 滚动标签插件来实现滚动导航(想想 iphone)。用户单击一个项目,页面滚动到该项目的子面板,该面板也可能有可以单击的子面板。
我需要做的就是在某个固定的时间内前后滑动一个 div,x 个像素
我发现的关于在 GWT 中编写动画的唯一真正的教程已有 2 年历史,并且似乎有点冗长(管理单个帧等......)
是否没有更简单的解决方案可以轻松地将 div 从一个位置移动到另一个位置而不需要所有额外的麻烦?
请原谅我,但我来自 jQuery 编码,它简单而轻松地内置了此功能。