Android 3D navigation menu drawer - android-navigation

I'm trying to implement a navigation menu drawer on home screen action bar icon at top. When a user taps the top header icon, home screen ie. landing screen of the the app to right end of the screen with re-sized height with 3D effect.Below the screenshots for your reference. Let me know your valuable suggestions to implement the same.

Unfortunately, there's not an easy way to do this with straight view animations, which is what the FragmentTransaction methods for custom animations or the Activity override animation method uses. The rotation property is 2D, so it will rotate both X and Y axis.

You can use library to create 3-D effect:
https://github.com/SpecialCyCi/AndroidResideMeun
you can also use some new libraries as well:
https://github.com/shiburagi/Drawer-Behavior?utm_source=android-arsenal.com&utm_medium=referral&utm_campaign=6239

Related

In framework 7(phonegap) You can swipe from the left edge of the screen to go back, is it possible to disable this gesture?

In framework 7(phonegap) added a new default navigation behavior. You can swipe from the left edge of the screen to go back on the navigation stack. But in my app, this behavior conflicts with my custom left menu. So, is it possible to disable this new gesture?
In your initialize call add
swipeBackPage: false
And you're all set
Src: http://framework7.io/docs/init-app.html

Siri-like Shadow on Scroll

In Apple's siri for iOS, when Siri answers a question and it doesn't fit on the whole screen a user can scroll through the information. What is interesting about the scroll/table view in Siri is that when information extends beyond the bounds of the scroll/table view, a subtle gradient appears on the bottom of the view:
How does Siri detect that the information in the scroll / table view extend beyond its bounds? I know how easy it is to fade in an image with a shadow, but I don't understand how the detection of the content works?
Is there any kind of documentation or class that Apple provides that will let me detect this?
Thanks in advance!
It's probably just a matter of setting the content size according to the content that you load and then testing whether the scroll view height is less than the content view height.

Recreating the iPad home screen icon rotation / orientation effect

I am creating a grid of icons in Objective C / Xcode.
Is there anyway to re-create the iPad Home screen, the one filled with a grid of icons for each App you have on your iPad.
What I am most interested in is reproducing the effect on the icons when the device is rotated. On rotation, a new grid icons (which matches the new orientation) swings around to the right orientation, and the icons themselves transform (I'm guessing its an alpha fade from one icon to the other) into the new icon that would appear at that position.
Ive looked at this SO question, and also at this blog. But I am wondering if there is a class (hopefully one developed by Apple, but third party solutions will do) which recreates this effect?
If there isn't such a class, can anyone suggest to me how I would do the icon transformation effect whilst the screen is swinging around to the correct orientation?
iOS 6 offers a class called UICollectionView that handles the creation of these grids for you. The API is fairly similar to that of UITableView and allows you lots of control for customization.
Check out the UICollectionView class reference, as well as this introductory tutorial.

How transition between layers in cocos2d?

I have a menu scene hierarchy like so:
Scene
|
Background Layer
| |
Main Menu Settings Menu
I want to transition from the Main Menu to the Settings Menu without moving the Background Layer. There is plenty of documentation on how to transition between scenes, but nothing that I can find between layers. Both the Main Menu and Settings Menu layer are full screen with transparent backgrounds, I just want to slide in between them without moving the background.
Simple problem, but I am totally stumped after searching the web for over an hour.
Have a node which Main Menu is a child of. Add Settings Menu to this node with an offset of +screenWidth or -screenWidth depending on the direction desired. Then create a sequence of a CCMoveTo where you move your node to the other side of the screen (or off screen if going backwards) followed by a CCCallFunc which calls a function to remove the Main Menu layer from the main node. This will work equally well for vertical transitions (just use screenHeight and move the node vertically).

UIScrollView wheel effect

I need a scrollview in my iPad application that has two specific features, one of them is easy to find on much sample projects that is infinite scrolling.
The second feature is, which is the problematic one, i need that scrollview seems as a circle (like a wheel) with a 3D depth effect, the current page is on tap of the screen with a big frame, and others can still be seen at the back, like far away in depth.
You can see what i mean in this review video of TNT for iPad app.
http://www.youtube.com/watch?v=Pv5EYliCciU
Any idea will be greatly appreciated,thanks.
What that video is displaying was probably not done with a UIScrollView. Most likely look into CoreAnimation and putting each of those screens into a layer for the background navigation screen.
After EricLeaf's answer i moved my focus on animating those windows and found a solution on the net.
You can find the sample code here
Basically;
As the above sample does, i use a uiview as the container instead of uiscrollview and custom layers for my views. Catch pangesturerecognizer and concat rotation and translation transformations on those layers as the users scrolls within a circle by using angles.

Resources