I want to make an menu for my app just like on this picture from Instapaper app
http://i.stack.imgur.com/KwLrx.jpg
So the menu overlays the part of the current activity and when taking actions from the menu, the effect is seen immediately and the menu does not close after applying a single action.
What kind of layout is this? How can I implement it? Or is it some kind of a library?
Thank you very much!
That's certainly and definitely a custom implementation from the developers.
Most likely an XML layout inflated and animated when you call the menu.
Related
One activity in my app looks like below picture. In the below picture ,can any one suggest that best way to implement view,
view in my app
and when i click one of the options(filters in app) available on activity,
the view will be extended like below
view after one of the option selected
For this, i want to use a horizontal linear layout for below options bar,
when one of the options clicked, i wanna use slide up functionality and views show and hide functionalities.
can any one suggest better design for this . thanks.
I think for most apps, all toolbars should stay in the same place throughout the execution of the app. When the toolbar item ("Veg & Non Veg") is clicked, the filter should appear above the toolbar instead of below it. You can still use the slide up function, just have the toolbar layout displayed above (higher z-index) the filter linear layout.
You should also standardize the sizes for the distances/times to each location, personally I think the first one looks better.
Other than that, I think your UI looks pretty good!
I need to create a List view. However this list view is somewhat of a pull down menu. That is, I have to create a button on top of screen, where on clicking it, a list view will be displayed (pulled down) from top.
Can some one give me an idea about this? I mean, what is this component in Android and how do I go about it creating it?
I know the normal way of creating a list view but not this.
Hey thanks all for your replies i finally got want i wanted to implement.The following link helped me achieve it:
http://techdroid.kbeanie.com/2009/08/android-sliding-drawer-example.html
Typically you would use a Single Choice Dialog.
http://developer.android.com/guide/topics/ui/dialogs.html#AddingAList
If you want to do it Pull-down-from-top. You'll need to use Panel Custom view from this project.
If a pull-from-below will suffice, use a Sliding Drawer. (From Android 3.0, Sliding Drawer can be configured to be pulled down aswell. See Here)
Have the Listview inside the Drawer/Panel.
In my application, I want to have behavior like facebook app wherein on click of icon I'd like to shift the whole screen towards right and display some menus on the left as shown below:
Before Clicking Menu Button
After Clicking Menu Button
One way is to have a layout with those menu in black color and set its visibility to gone
But in that case, the shifting animation won't be there like it is there in facebook. So is there any way we can do this?
This UI Pattern is currently being referred to as Side Navigation and discussed in some detail here:
http://www.androiduipatterns.com/2012/06/emerging-ui-pattern-side-navigation.html
The article also links to several projects that have implemented this navigation:
https://github.com/korovyansk/android-fb-like-slideout-navigation
https://github.com/darvds/RibbonMenu
https://bitbucket.org/jfeinstein10/slidingmenu/overview
https://github.com/Gregadeaux/android-fly-in-app-navigation
It is worth reading the article for its discussion about the issues with this kind of navigation also, though.
I have not implemented it but give you an exact idea that you have to use fragment for this.
Go through this link
This is the best that I've found https://github.com/DWorkS/ActionBarToggle because it's implementation is similar to DrawerLayout from google using ActionBarToggle. Although, it has a problem with open method but I wrote to its owner and he said that he will solve.
Can anyone tell me what control or how do you create the pop-up effect used in these images to display the legend?
The screenshots are taken from an app called FlyOKC.
Any help is greatly appreciated, thank you.
This is not exactly a custom dialog. But, yes it is still a customized view. And it is more or less called Quick Action Dialog in android. I would suggest you to follow the tutorials below for generating an exactly same popover (or even better) with Android. Check the screenshot also.
http://www.londatiga.net/it/how-to-create-quickaction-dialog-in-android/
http://www.androidpatterns.com/uap_pattern/quick-actions (Pattern Reference)
That's certainly using a custom version of a dialog. The idea is to implement your layout in a xml and inflate it in a dialog. There's a lot of tutorials around, try that one.
Actually, that can be achieved by using RelativeLayout and switching the legend view's visible state between View.VISIBLE and View.GONE in button's click handler.
To get the exact animation you'll need to jump some hoops.
Here are related threads:
How does one Animate Layout properties of ViewGroups?
How do I animate View.setVisibility(GONE)
Also, I think another (and possibly easier) way would be to use Fragments API with transition effects, in which case this is the thread to read:
Animate the transition between fragments
I want to build an application and I like very much the H&M menu. Anyone can help me with some ideas how to build this kind of menu on android?
It’s an expandable menu which appear when you click on the H&M Logo.
http://img822.imageshack.us/img822/7509/hmmenu.png
The best way to go about this is implementing a Custom View in your application.
What I would recommend is to develop a ViewStub that you can drop-in and populate whenever the user presses the button. This way, you can reuse it across screens, and there is only one thing to change if you need to add/remove an item.
Hope this helps!