Приложение "Tinder for X" на Ionic

Когда мы выпустили "ion" Swipe Cards  (ion - это термин, которым мы обозначаем аддоны/виджеты на Ionic), приложения Tinder еще не было в нашем поле зрения. В то время нас очень впечатлили некоторые элементы интерфейса в приложении Jellyfish . Нам захотелось сделать что-нибудь подобное с помощью фреймворка Ionic и с использованием того потенциала, которым располагает HTML5.

Однако в первую очередь от нас ждали обеспечение поддержки для свайп-карт, чтобы это было примерно так же, как и в приложении Tinder. Мы не можем сказать ничего определенного по поводу нашего опыта использования Tinder. Нам нравится, как в этом приложении организована обработка больших списков данных на основе положительной или отрицательной реакции пользователей.

Удивительно, какое широкое применение имеет свайп-интерфейс. Приложение "Tinder for X" ("for X" означает "для знакомства и свиданий" - прим. переводчика) превратилось в целое явление. Мы хотели, чтобы с ним познакомились и разработчики, работающие с Ionic.

Сегодня мы рады объявить о релизе аддона ("ion'а") Cards, выполненного в стиле Tinder. Этот "ion" имеет подержку свайпа карт влево и вправо, а под текущей картой вы увидите анимированную колоду карт. Попробуйте сами!

Вместе с этим впервые будет использоваться наша библиотека анимации сталкиваний, предназначенная для поддержки анимаций, где задействованы физические явления и силы типа действия пружин и силы тяжести. Заметьте, как реагируют карты, когда вы слегка оттягиваете их в сторону, а потом отпускаете: они, будто подпружиненные, возвращаются обратно на свое место!

Начало работы

Для того чтобы начать работать с аддоном, добавьте его в ваш проект из репозитория Bower:

$ bower install ionic-contrib-tinder-cards

Как пользоваться данным "айоном" ("ion"), вы можете узнать из демонстрационного материала, находящегося здесь: https://github.com/driftyco/ionic-contrib-tinder-cards/tree/master/demo

Комментарии