Code Monkey home page Code Monkey logo

flip's Introduction

Flip

See project website for more detail.


Flip 3D View Animation and Transition

Create awesome looking 3D view transition in your android applications

The view transition animations in Android are very limited. One particular omission is the 3D flip transition that is common in iOS. This project contains a animation subclass that allows for a 3D flip animation and a library that takes a ViewAnimator (such as ViewFlipper) and animates a flip transition b/n its subviews (left-to-right or right-to-left).

The key missing ingredient from most flip animation is the zoom effect. Without it, simple flips on the y-axis appear very much 2D and lose their distinctive 3D feel.

Take a look at this video to see how this looks.

There are also a number of other animations in the AnimationFactory class. Enjoy.

How to Install

Get a copy of the source here. Copy-paste the /src/com folder to your project's source folder. Use the flip transition in any of your ViewAnimator (such as ViewFipper) by doing:

  AnimationFactory.flipTransition(viewFlipper, FlipDirection.LEFT_RIGHT);

It's that easy!

If you want to create a FlipAnimation and use it some other way, you may do so by the constructor or the AnimationFactory.flipAnimation method.

Using as a Gradle Dependency

Get a copy of the source here.

Download and configure Gradle 1.9 from here

Execute the following command to assemble the AAR file

./gradlew assembleRelease

Upload the AAR file into your artifact repository.

Declare a dependency in your build.gradle

dependencies {
    compile 'com.tekle.oss.android:flip:1.0'
}

Disclaimer

You may use, modify, etc. this code. However, give credit per the license agreement.

flip's People

Contributors

genzeb avatar ademar111190 avatar mraccola avatar daviddigiflare avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.