2012-02-24 10 views
5

私が作成しているWebアプリケーションがあります。ユーザーがページ間でスワイプできるようにする必要があります。私はあなたがMGWT(モバイルGoogleウェブツールキット - http://code.google.com/p/mgwt/)を使用する必要が研究していたものからGWTページ/パネル間をスワイプ

を次に、パネルクラスを拡張し、MGWTの「HasTouchHandlers」インタフェースを実装するクラスを作成する必要があります。

http://code.google.com/p/mgwt/source/browse/mgwt/src/main/java/com/googlecode/mgwt/ui/client/widget/touch/TouchPanel.java?name=v1.0.0-alpha1

PanelはGWTのAnimatedLayoutインターフェイス(LayoutPanel、DockLayoutPanel、SplitLayoutPaneなど)を実装する必要があります。そのため、Touchイベントをインターセプトした後にPanelをネイティブにスライドできます。

私の質問は、どのようにこれを行う方法のチュートリアルまたはサンプルコードに私を指すことができますか?または、GWTプロジェクトをどのようにレイアウトするかについては、 パネルですか?たとえば、アプリに複数のページがある場合、複数のパネルがありますか? 感謝 - マイク

答えて

1

は、私はそれは、Androidだけでなく、iOSのブラウザで問題なく動作しますので、あなたがスワイプのためiScrollを使用することを好みます。この実装は、DiigoやDolphinのようなサードパーティのブラウザでも動作します。これで、mgwt APIの使用を完全に避けることができると思います。

4

mgwtは現在スワイプをサポートしています。スワイプ認識だけでなく、スワイプパネルがあります:

は、アクションでそれを参照してください: http://mobilegwt.appspot.com/showcase/#CarouselPlace:ここ

は、コードは次のとおりです。 http://code.google.com/p/mgwt/source/browse/src/main/java/com/googlecode/mgwt/ui/client/widget/Carousel.java

+0

あなたはMGWTでCSS3トランジションを使用していますか? –

+0

ある場合は –

+0

URLが変更されました。実際の動作を確認するには:http://mobilegwt.appspot.com/showcase/#CarouselPlace:コードを確認する:https://code.google.com/p/mgwt/source/browse/src/main/java /com/googlecode/mgwt/ui/client/widget/carousel/Carousel.java –

1

ます。またTouchStartHandlerを実装を追加することによって、それを自分で行うことができます、TouchMoveHandler、TouchEndHandlerをクラスに追加し、イベントを処理し、発生したことを保存します。開始と終了の間にX以上移動した場合はスワイプです。

関連する問題