簡單的GWT動畫

Question

我已經開始尋找一些externalGWT動畫庫，但他們都似乎有點矯枉過正我想要的。

我試圖模仿JQuery Tools scrollabel插件在GWT中的滾動導航（想想iphone）。用戶點擊一個項目，頁面滾動到該項目的子面板，該項目也可能包含可點擊的子項目。

所有我需要做的是在一定的時間定息前後滑動像素的DIV，X號

唯一真正tutorial我已經在GWT編寫動畫發現2歲，似乎有點冗長，（管理個人框架等...）

是否沒有簡單的解決方案輕鬆地將一個div從一個位置移動到另一個位置，而不需要所有額外的信號？

原諒我，但我來自jQuery編碼，這簡單和輕鬆地內置此。

Answer 1

GWT 2內置的Animation類很不錯。所有你需要做的就是擴展類，實現onUpdate（），然後調用run（）來啓動動畫。我沒有使用過的scrollTop的屬性，所以我不能保證這會工作的，但它應該給你的基本思路：

public class ScrollAnimation extends Animation { 
    private final Element e; 
    private int scrollStart; 
    private int scrollStop; 

    public ScrollAnimation(Element e) { 
     this.e = e; 
    } 

    public scrollTo(int position, int milliseconds) { 
     scrollStart = e.getPropertyInt("scrollTop"); 
     scrollStop = position; 
     run(milliseconds); 
    } 

    @Override 
    protected void onUpdate(double progress) { 
     int position = scrollStart + (int)(progress * (scrollStop - scrollStart)); 
     e.setPropertyInt("scrollTop", position); 
    } 
} 

Answer 2

對於我而言，我只是想動畫面板運動。事實證明，這是內置於LayoutPanel的，所以我根本不需要觸摸Animation類。

http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#Animation