2012-02-24 141 views
5

我有一個創建的web應用程序,我需要允許用戶在頁面之間滑動。從我一直在研究你需要使用MGWT(谷歌手機網絡工具包 - 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),因此您可以在截獲觸摸事件後自然地滑動面板。

我的問題是任何一個可以指向我的教程或示例代碼如何做到這一點?或者如何在 面板上佈置GWT項目?例如,如果我的應用程序中有多個頁面,是否有多個面板? 感謝邁克 -

回答

1

我喜歡你使用iScroll用於刷卡,因爲它沒有工作在Android以及iOS的瀏覽器的任何問題。該實施也適用於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轉換? – 2012-09-07 06:42:14

+0

有些地方是 – 2012-09-07 08:33:05

+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 – 2014-04-15 06:13:07

1

你也可以自己加入實現TouchStartHandler ,TouchMoveHandler,TouchEndHandler給你上課並處理事件並存儲發生的事情。如果您在開始和結束之間移動的次數超過X,則是輕掃。