I've been looking for examples on how to animate two views (or fragments) left and right as is done in the Android Google+ app. I have not been successful.
I would like to be able to slide in - left to right - a fragment over another one, at command, and as a reaction to the user swiping the screen. The animation should follow the user's finger across the screen, allowing them to pause in the middle of the animation etc.
Does anyone know where to start on this sort of layout animation? Tips on how Google+ does it? I'd like any information we can dig up! I've been quite unsuccessful =\
This is the best resource about the side menu, there is no code but a clear explanation on how to implement it:
Fly-in app menu
and this is a post on how to animate the action bar related to the side menu:
Slide action bar
Hope it will help.
Here is an implementation of the effect by Simon based on Cyril Mottier's Fly-in app menu. - Menu Drawer
Related
I am looking to implement a menu like used on the Android Uber app.
It seems to be like an action bar on top with 3 small settings stripes on left side. (probably not a real action bar)
When clicking in that area a black menu slides out from the left and occupies 70% of the screen.
The right side of the screen still showing the map is darkened to keep focus on the menu.
I like that style, it looks good and everyone immediately knows how to use it.
I would like to have the same but don't know where to start or if there is maybe something available that would do something similar.
The actionbar itself only offers the menu on top right which is better for pure settings.
I also experimented with a split action bar having the menu items on bottom but that also seems superior to the clean interface Uber provides.
You want the Android Navigation Drawer. It's an Android sanctioned navigation pattern and more details about it can be found here. For some more technical documentation and an example of how to use it, you can find a sample over here. It works great with the Action Bar so shouldn't need anything too custom outside of what the Android v4 compat library gives you.
I am looking to implement something similar to the slide-out pane shown in Google Maps and also in Twitter(Click the settings button after performing a search).
The pane displays itself at the bottom and the user can either click on it or swipe upwards to reveal more information.
I want to implement something similar but I am not sure how to proceed. I have a simple ListView and when a user clicks an item, the slide-out pane should appear. How would I go about doing this?
I was thinking of using a context menu but according to the official docs, icons are not allowed to be placed there.
Check out AndroidSlidingUpPanel. It should be perfect for your needs. It can be also achieved using SlidingDrawer.
You can use a navigation drawer to make a slider menu.
You can see a good example here:
http://www.androidhive.info/2013/11/android-sliding-menu-using-navigation-drawer/
I'm using the slide menu library and setting the menu offset from a xml.
setBehindOffsetRes(R.dimen.slidingmenu_offset);
when I click the menu item I use
menu.toggle(true);
which moves the content to left with menu behind it. My scenario is when I click the menu item, the content has to move all the way to right and then should bring the content in like the normal way so that the user dont get to see the UI change. I used
setBehindOffsetRes(R.dimen.slidingmenu_fullscreen);
showMenu(true);
where R.dimen.slidingmenu_fullscreen = 0dp. The menu goes to full screen behind the content, but the content doesn't moves to the right. Thanks in advance!
Edit 1: This is similar to Xoom application... Sample "Slide Sample"
I would recommend using ActionBarSherlock. Use this tutorial for sliding menu, It is much easier to use, and you will find much more help with it. It is also more compatible with different screen sizes, and more Android versions.
Finally I figured it myself.
menu.mViewAbove.scrollTo(menu.mViewAbove.getScrollX()-200,0);
moved the content to right. But now got into another problem. which I have descibed here->
https://stackoverflow.com/questions/19714871/sliding-menu-move-content-to-right
I am developing an app on Android and would like to use the similar menu bar like Google Plus or Facebook, when you click the button, the menu bar will slide in and will not occupy the whole screen. Any ideas on that?
Thanks.
A pretty popular library for accomplishing the 'sliding menu' effect (or 'drawer' as the design guidelines on the Android developer website prefer to call it) is Jeremy Feinstein's SlidingMenu. It's also compatible with ActionBarSherlock, in case your project is using that too. Unfortunately, at this stage there is no component built into the SDK that allows you to do easily accomplish the same thing.
There are also a couple of alternative implementations for a sliding menu (do a search either here on SO or Google), but I haven't checked those out for a little while. If I recall correctly, there are especially some variations in terms of whether the ActionBar is supposed to slide along with the content or stay fixed at the top of the screen.
You can use FrameLayout in parent view and use translate animation in menu layout to show the slide in and slide out effect.
I tried to implement sliding menu in my application. What i want is that there is a button on the top right corner of the screen. And sliding menu should come up from right to left which is reverse slide of facebook styled sliding. In Jfeinstein Sliding Menu, Sliding menu come out from left to right. I tried to implement the source to make it happen from right to left. But unfortunately, I still can't get it. Any ideas would be appreciate.
There is a branch called "sliding right" in Jfeinstein Sliding Menu on github.
This is a demo project to explore how to implement a sliding menu like Facebook and others use.
android-sliding-menu-demo
android-fb-like-slideout-navigation
I made a video (3 parts) on youtube on how to make a sliding menu like the on you are looking for. I show you how to set up the project and get everything linked up.
http://www.youtube.com/watch?v=tJJMyzdB9uI
The cool thing about ECSlidingViewController (Its the one I use) is that just about everything you want to configure (how far a view slides, the animations, left or right side) is done with a single line of code. When setting it up, I tell you where you can change it to be left or right side.
Hope this helps.