4

アニメーション用のいくつかの外部 GWTライブラリを調べ始めましたが、それらはすべて、私が望むものに対して少しやり過ぎのように思えました。

スクロール ナビゲーション用に GWT でJQuery Tools scrollabelプラグインを模倣しようとしています (iphone を考えてください)。ユーザーがアイテムをクリックすると、ページがそのアイテムの子パネルにスクロールします。これには、クリックできる子パネルも含まれる場合があります。

私がする必要があるのは、一定の時間の割合で、div x ピクセル数を前後にスライドさせることだけです。

GWT でのアニメーションの作成に関して私が見つけた唯一の実際のチュートリアルは 2 年前のもので、少し冗長に思えます (個々のフレームの管理など...)。

余分な手間をかけずに div をある位置から別の位置に簡単に移動するためのより簡単なソリューションはありませんか?

申し訳ありませんが、私はこれが簡単かつ簡単に組み込まれている jQuery コーディングから来ています。

4

2 に答える 2

4

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);
    }
}
于 2010-04-14T21:41:51.093 に答える
0

私の目的のために、パネルの動きをアニメーション化したかっただけです。これは LayoutPanel に組み込まれていることがわかったので、Animation クラスにまったく手を加える必要はありませんでした。

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

于 2011-03-23T05:42:03.627 に答える