Genie Effect Animation в Android

У меня есть требование реализовать анимацию Genie Effect, показанную ниже.

Введите описание изображения здесь

Справка:

  • https://github.com/Ciechan/BCGenieEffect

Я не мог понять, с чего начать. Может ли кто-нибудь предложить мне некоторые идеи?

Я пробовал код с базовой анимацией, такой как перевод и масштабирование, но не получилось.

Solutions Collecting From Web of "Genie Effect Animation в Android"

Я реализовал этот код с Game Library AndEngine

Пожалуйста, найдите прилагаемый код ниже, который поможет вам двигаться дальше. Вы можете использовать этот код как фрагмент для ur-кода urroid или сделать экземпляр этого кода и снова перейти от активности для повторного использования этого кода.

Этот zip-файл содержит 2 проекта:

  1. Внедрение кода для эффекта выше и
  2. Библиотека AndEngine, которую нужно добавить в мой проект.

Нажмите здесь, чтобы загрузить мой код

Я попытался сделать анимацию, как эффект Genie . Но это не так прекрасно, как ваше изображение, но оно поможет вам во время вашего исследования.

Пример видео демонстрации .

Создать папку анимации в res. Copy fall.xml

falling.xml

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/linear_interpolator" > <translate android:duration="750" android:fromXDelta="0%p" android:fromYDelta="10%p" android:toXDelta="0%" android:toYDelta="50%" /> <scale android:duration="750" android:fillAfter="false" android:fromXScale="1.0" android:fromYScale="1.0" android:pivotX="50%" android:pivotY="100%" android:toXScale="0" android:toYScale="0" /> </set> 

Используйте следующий код java для применения анимации при нажатии кнопки.

 final Animation animationFalling = AnimationUtils .loadAnimation(GenieEffectActivity.this, R.anim.falling); imgview.startAnimation(animationFalling); 

Надеюсь, это поможет вам.

У меня есть решение для браузера.

Проверьте https://github.com/kamilkp/geniejs

И http://kamilkp.github.io/ для демонстрации.

Он работает в каждом браузере, включая мобильный (не всегда гладко на Firefox). Он поддерживает переходы Genie Effect во всех направлениях (сверху, снизу, влево, вправо). Он работает, даже если целевой элемент html является дочерним элементом какого-либо контейнера, который имеет переполнение автоматически или скрыто. Это сама агностика библиотеки, но я также написал удобный jQuery-плагин. И если вы также включаете библиотеку html2canvas в свой проект, плагин позволяет анимировать HTML-элементы с эффектом джина (пример расширения здесь: http://kamilkp.co.nf/genie/canvas/ )

Единственным требованием для браузера является необходимость поддержки переходов CSS. Это чистое решение javascript + CSS.

PS. Вы можете использовать Phonegap для создания приложения Android из веб-приложения.