Following Android guidelines I have added ActionBarDrawerToggle which brings up a DrawerLayout.
This is fine but I can't help feeling my users will have a hard time noticing it since it's so tiny.
Before that I had several tabs in the ActionBar but there were too many tabs so I did replace them with the DrawerLayout as they say to do when you have more than 3 tabs.
However, are there any techniques to make the Drawer Toggle more prominent without breaking up the Android Design Guidelines. Are there any examples to that?
As detailed in the Navigation Drawer Interaction Design Guidelines:
Introduce the user to the drawer at first use
Upon first launch of your app, introduce the user to the navigation drawer by automatically opening it. This ensures that users know about the navigation drawer and prompts them to learn about the structure of your app by exploring its content. Continue showing the drawer upon subsequent launches until the user actively expands the navigation drawer manually. Once you know that the user understands how to open the drawer, launch the app with the navigation drawer closed.
This ensures that users understand that the Navigation Drawer exists and that they notice the drawer toggle animating as they close/open the drawer.
Related
I am having a problem with implementing a navigation drawer in ios. I have found the Sidebar Navigation component , flyout navigation, Monotouch.Navigation and some others.
The flyout Navigation approach works but i am finding it difficult to customize the side menu because it extends the UITableview controller. It would be easier to customize it if it was a UIViewcontroller instead.
The Sidebar Navigation allows for customiszation but selecting an item causes the app to freeze and I am unable to disable the drawer on the login screen.
Would really like some suggestions if there is an easier way to implement this or am i missing something. (Take note, the drawer should only show after the user has passed the login screen and taken to the home screen).
I use MiniDrawer implementation from MaterialDrawer library.
I have tried to add ActionBarDrawerToggle to Drawer but got an Exception. MiniDrawer class does not allow to set ActionBarDrawerToggle
Could you please tell is there way to set hamburger icon on toolbar for MiniDrawer ?
The ActionBarDrawerToggle from Google requires you to use a DrawerLayout in the case of the normal MiniDrawer implementation of the MaterialDrawer there is no DrawerLayout in place, so the default behavior won't work.
As you still want the hamburger-icon to toggle the Menu state you have to either set the NavigationIcon on your own. Or you check out a library like the following:
https://github.com/balysv/material-menu
This will allow you to have the same animations (and more) as NavigationIcon and forward the open / close events to the Crossfader which is used to have the fading animation from MiniDrawer to normal Drawer size.
I am using the home button of the main Activity of my IM app to allow the user to change their availability status. My app is using ActionBarSherlock, which falls back to the native implementation where supported.
However, the size of the tappable area is inconsistent between Android releases:
On Android 4.2.0 and before (including the compatibility library), only the icon is tappable:
On Android 4.2.1+, icon and activity name are tappable:
How can I make the tappable area consistently include icon and activity title on all versions of Android?
I am using ActionBarCompat (and you should probably update, if you haven't already), so this may not behave exactly the same. I wanted the full title to be clickable for using the navigation drawer. For some reason, using a custom logo instead of the text makes the whole thing automatically clickable, where only the icon could be clicked before:
final ActionBar actionBar = getSupportActionBar();
actionBar.setDisplayShowTitleEnabled(false);
actionBar.setDisplayUseLogoEnabled(true);
actionBar.setLogo(R.drawable.im_title);
I don't know if it's possible to trigger that change while still using text with the default icon, but the setDisplay... methods and flags may be a good place to start looking.
So I am integrating AdMob banners in an android application. The Banner is situated at the bottom of view, working fine, not overlapping with the list view when scrolling and it's all good. I think that bottom position is a very good place to put the banner, but when clicking on the menu button, the menu does cover the banner. I guess this normal behavior but want to make sure it does not break the admob policies, specifically:
Ads should not be placed very close to or underneath buttons or any other object which users may accidentally click while interacting with your application.
Does anybody have a similar situation?
Thanks,
I think until you dont have it very close to the menu it would be fine.
All you need to make sure is that it should not interfere with user inputs and produce incorrect clicks.
Its usually on a more case to case basis.
I want to develop a panel with animation same as notification panel. I mean to say the notification panel is a cool control where you grab and slide down the notification bar and see all the notifications.
Actually, I am having 2 UI , 1st should be shown with Button at top, when user click on that button, the 2nd UI with listview items should be slide down same as notification panel and again when user click or drag the 2nd UI at the top side, then 2nd UI should be become invisible. I hope i made clear my question.
From Christian's answer, I am trying to use a sliding drawer that will display a
list of options. I need this to expand over the current ListView on the page.
So if anybody know how to implement such layout or UI with sliding down animation then please share it.
Please suggest how to build with such control or layout? any ideas or suggestions
Thanx
Have you tried the SlidingDrawer widget?
Paresh I found a solution in this post about sliding drawers.
android misc widgets has it implemented , though it still has some flaws but it will definitely prove helpful.
Though in the same SO post CommonsWare has quoted :
...
You similarly cannot make a
SlidingDrawer that descends from the
top.
Good Luck.
You can use SlidingTray from: http://aniqroid.sileria.com to make this happen
http://aniqroid.sileria.com/doc/api/com/sileria/android/view/SlidingTray.html
Alternatively you can also use a custom PopupWindow class which is part of Android API.