标签: gwt-animation

GWT动画的最终值不受尊重

我有一个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-animation

5
推荐指数
1
解决办法
2476
查看次数

简单的 GWT 动画

我已经开始寻找一些用于动画的外部 GWT库,但对于我想要的东西来说,它们似乎都有点过大了。

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

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

我发现的关于在 GWT 中编写动画的唯一真正的教程已有 2 年历史,并且似乎有点冗长(管理单个帧等......)

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

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

gwt gwt-ext smartgwt gwt-animation

5
推荐指数
1
解决办法
5391
查看次数

标签 统计

gwt ×2

gwt-animation ×2

gwt-ext ×1

smartgwt ×1