2013-07-03 98 views
16

Tôi đang tìm cách tạo ứng dụng như Tinder nơi người dùng vuốt qua một chồng ảnh. Có ai biết một cách để tái tạo hiệu ứng này cross-nền tảng? Cho đến nay, tôi đang nghĩ đến việc xây dựng một ứng dụng web bằng cách sử dụng jQuery Mobile vớiQuét qua ngăn xếp ảnh như Tinder - Đa nền tảng (Hybrid/HTML5 là OK)

TouchSwipe để phát hiện swipe; xem: http://labs.rampinteractive.co.uk/touchSwipe/demos/

và jStack để hiển thị hình ảnh; xem: http://lab.hisasann.com/jStack/

Có đề xuất nào về cách tốt hơn để thực hiện việc này không?

+0

Tôi cũng đang tìm kiếm một plugin trong một thời gian dài, cuối cùng tôi chỉ fullsc đã mở lại một hình ảnh và sử dụng các sự kiện swipeLeft/swipeRight và các chuyển đổi trang để làm cho nó có thể sử dụng được. Nó không phải là "tốt hơn" nhưng nó là một phương pháp rất đơn giản và nhanh chóng. – cybrox

+0

Cybrox, nghe hay đấy! Bạn có một số mã ví dụ về điều này mà bạn có thể chia sẻ không? –

Trả lời

4

cuối cùng tôi đã tìm thấy một hack mà làm điều gì đó giống như những gì tôi đã mô tả trong câu hỏi:

Sử dụng thư viện touchpunch (http://touchpunch.furf.com) cho kéo và thả, hình ảnh toàn màn hình, và khu thả bên phải và bên trái dường như làm các trick.

+0

Bất kỳ cơ hội nào bạn có URL demo để xem? Tôi đã cố gắng thực hiện cùng một hiệu ứng. Cảm ơn – user1216398

+0

Tôi là người đã đăng câu hỏi này và tôi vẫn chưa nghe về bất kỳ giải pháp "thích hợp" nào cho vấn đề này. Nếu bất cứ ai biết về một, xin vui lòng gửi nó ở đây. –

+0

Chia sẻ jsfiddle xin vui lòng! – FooBar

2

Hy vọng không quá muộn để đăng đề xuất. Vì vậy, hammerjs cho phép nghe các sự kiện cảm ứng đa điểm và cử chỉ. Và hỗ trợ Android, iOS và Windows Phone.

http://eightmedia.github.io/hammer.js/

có thể thử gọi bước trước/sau sự kiểm soát photostack dựa trên các sự kiện cử chỉ?

+1

Không quá muộn! Cám ơn vì sự gợi ý. Một trong những điều làm cho giao diện người dùng đặc biệt của Tinder là nó không phải là cử chỉ được cảm nhận, mà là hình ảnh bị bỏ đi. Điều này cho phép do dự và ngược lại từ người dùng, điều này rất quan trọng khi có khả năng chọn ai đó cho đến nay :) –