Coin Flip XIB Viewer allows you to use one screen to allow the user to flip a coin to view content of three different XIB files. One xib for the frame area, one for the front of the “coin window” and one for the back side of the “coin window”.

XIB files allows you to visually add, move and edit elements to your project in a drag and drop environment using Xcode’s built in Interface Builder, making it ideal for Xcode beginners to graphically edit their projects.

This plugin uses 3 different XIB files all displayed in one screen of your app, so you can display different things without the users navigating through several app screens. The first XIB file allows you to edit the look and feel of the frame around the “coin window” cutout (the circle, in the screenshots). The second XIB is the design of the front of the coin window, and the third XIB is the design of the back of the coin window and shows what is displayed when the coin is flipped.

To understand it’s use, let’s imagine we simply want to make a screen that flips a coin. We would edit the 1st XIB to design how our framed area looks, using background images, colors, text, or whatever else we want, by simply dragging and dropping them onto the XIB file, or editing the existing items already on there. Then we would edit the second XIB file for the front of the coin, and put a picture of the front of a coin on that XIB. Then, we would edit the third XIB file and add a picture of the back of a coin. When we run the app and go into this screen, we now see whatever we added to the first XIB on the frame (which stays there the whole time), and the front of our coin. When the user taps the coin, the coin animates and flips over, revealing the back side of the coin!

This could be used to display a business card, with your photo on the reverse side, making a coin flipper, making a “did you know?” type of app where the question is shown on the front side and the answer is on the back, or anything that you could imagine. Your imagination is the only limitation.

The coin window is also movable and sizable on the XIB file, so you can make the masked area bigger, smaller, landscape, portrait, or whatever else you want to do with it. Everything is simply drag and drop on the XIB files, so no coding is needed to adjust it to your project. The coin flip animation speed is also changeable if you want it to flip around faster or slower.

By default, the background of the XIB is clear, so it will match your apps background, but if you want a special background, like the red one show in the screenshots, simply drag a picture onto the XIB file. You can also edit, add, change color or remove the text on the XIB files with just a few clicks as well.

iOS Project
------------------------
AN_CoinFlip.h
AN_CoinFlip.m
AN_CoinFlip.xib (1st XIB, Frame)
CMSCoinView.h
CMSCoinView.m
ResultViewController.h
ResultViewController.m
ResultView.xib (2nd XIB, Front of Coin Area)
FlipView.xib (3rd XIB, Back of Coin Area)


Android Project
------------------------
iOS (iPhone) Only

JSON Data
------------------------
{"navBarTitleText":"[itemNickname]"}