2012-02-24 29 views
5

Tôi có ứng dụng web tôi đang tạo, nơi tôi cần cho phép người dùng vuốt giữa các trang. Từ những gì tôi đã nghiên cứu bạn cần phải sử dụng MGWT (toolkit trên web của Google di động - http://code.google.com/p/mgwt/)GWT Vuốt giữa các trang/bảng

Sau đó, bạn phải tạo ra một lớp mà kéo dài một lớp Panel và thực hiện MGWT của "HasTouchHandlers" giao diện:

(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)

Đồng thời Panel của bạn cũng nên triển khai giao diện AnimatedLayout của GWT (như LayoutPanel, DockLayoutPanel và SplitLayoutPane), vì vậy bạn có thể trượt Bảng điều khiển một cách tự nhiên sau khi chặn sự kiện chạm.

Câu hỏi của tôi có thể đưa tôi đến một hướng dẫn hoặc mã ví dụ về cách thực hiện điều này không? Hoặc cách bố trí dự án GWT theo điều khoản của Panels? Ví dụ: nếu tôi có nhiều trang trong ứng dụng của mình thì tôi có nhiều Bảng điều khiển không? cảm ơn - Mike

Trả lời

1

Tôi thích bạn sử dụng iScroll để vuốt vì nó hoạt động mà không gặp bất kỳ sự cố nào trên Android cũng như Trình duyệt iOS. Việc triển khai cũng sẽ hoạt động trên các trình duyệt của bên thứ 3 như Diigo hoặc Dolphin. Với điều này bạn tôi nghĩ rằng bạn hoàn toàn có thể tránh sử dụng API mgwt.

4

mgwt hiện có hỗ trợ cho các lần vuốt. Có một recognizer swipe cũng như một bảng điều khiển swipe:

Nhìn thấy nó trong hành động: http://mobilegwt.appspot.com/showcase/#CarouselPlace:

Đây là mã: http://code.google.com/p/mgwt/source/browse/src/main/java/com/googlecode/mgwt/ui/client/widget/Carousel.java

+0

Hey Daniel, bạn có đang sử dụng Chuyển tiếp CSS3 trong MGWT không? –

+0

ở một số nơi có –

+0

URL đã thay đổi. Để xem nó hoạt động: http://mobilegwt.appspot.com/showcase/#CarouselPlace: và để xem mã: https://code.google.com/p/mgwt/source/browse/src/main/java /com/googlecode/mgwt/ui/client/widget/carousel/Carousel.java –

1

Bạn cũng có thể làm điều đó cho mình bằng cách thêm thực hiện TouchStartHandler , TouchMoveHandler, TouchEndHandler để bạn sắp xếp và xử lý các sự kiện và lưu trữ những gì đã xảy ra. Nếu bạn đã di chuyển nhiều hơn X giữa đầu và cuối thì đó là một lần vuốt.

Các vấn đề liên quan