EasyFlipView

A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc.

Demo

Install Demo app or APK from Releases on your device and click on any card to flip it!

Changelog

Changes exist in the releases tab.

Installation

Add this in your app's build.gradle file:

dependencies {
  compile 'com.wajahatkarim3.EasyFlipView:EasyFlipView:1.0.1'
}

Or add EasyFlipView as a new dependency inside your pom.xml

<dependency> 
  <groupId>com.wajahatkarim3.EasyFlipView</groupId>
  <artifactId>EasyFlipView</artifactId> 
  <version>1.0.1</version> 
  <type>pom</type> 
</dependency>

Usage

XML

EasyFlipView In XML layouts

<com.wajahatkarim3.easyflipview.EasyFlipView
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	app:flipOnTouch="true"
	app:flipEnabled="true"
	app:flipDuration="400">

	<!-- Back Layout Goes Here -->
	<include layout="@layout/flash_card_layout_back"/>
        
	<!-- Front Layout Goes Here -->
	<include layout="@layout/flash_card_layout_front"/>

</com.wajahatkarim3.easyflipview.EasyFlipView>

All customizable attributes for EasyFlipView

<declare-styleable name="easy_flip_view">
	<!-- Whether card should be flipped on touch or not (Default is true) -->
	<attr name="flipOnTouch" format="boolean"/>
	<!-- The duration of flip animation in milliseconds (Default is 400 ms) -->
	<attr name="flipDuration" format="integer"/>
	<!-- If this is set to false, then it won't flip ever (Default is true) -->
	<attr name="flipEnabled" format="boolean"/>
</declare-styleable>

In Code (Java)

// Flips the view with or without animation
mYourFlipView.flipTheView();
mYourFlipView.flipTheView(false);

// Sets and Gets the Flip Animation Duration in milliseconds (Default is 400 ms)
mYourFlipView.setFlipDuration(1000);
int dur = mYourFlipView.getFlipDuration();

// Sets and gets the flip enable status (Default is true)
mYourFlipView.setFlipEnabled(false);
boolean flipStatus = mYourFlipView.isFlipEnabled();

// Sets and gets the flip on touch status (Default is true)
mYourFlipView.setFlipOntouch(false);
boolean flipTouchStatus = mYourFlipView.isFlipOnTouch();

// Get current flip state in enum (FlipState.FRONT_SIDE or FlipState.BACK_SIDE)
EasyFlipView.FlipState flipSide = mYourFlipView.getCurrentFlipState();

// Get whether front/back side of flip is visible or not.
boolean frontVal = mYourFlipView.isFrontSide();
boolean backVal = mYourFlipView.isBackSide();

Developed By

Wajahat Karim

Website (http://wajahatkarim.com)
Twitter (http://twitter.com/wajahatkarim)
Medium (http://www.medium.com/@wajahatkarim3)
LinkedIn (http://www.linkedin.com/in/wajahatkarim)

How to Contribute

Fork it
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -am 'Add some feature')
Push to the branch (git push origin my-new-feature)
Create new Pull Request

License

Copyright 2016 Wajahat Karim

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

augmify / EasyFlipView