I'm using Android Studio and I want to use Material Theme in my app but my app is RTL and I want to create my own Toolbar and I want to create hamburger menu icon to arrow forward (svg icons selected from Google Material Icons)
So I have no idea how should I write the animation file! Thanks guys for helping :)
Related
I am currently working on a cross platform mobile app using Xamarin forms. I also apply the Visual material in order to have a consistent UI between iOS and Android through Material design theme.
But I got a point I want some advices.
After choosing my color palette you can see a snapshot in this link : https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=039BE5&secondary.color=FFC107
For Navigation, I had a bottom navigation bar and I set it its background color with the secondary color (the yellow one if you clicked on link above) .
Is it a good practice or the bottom navigation bar should be white or be colorPrimary of my Theme.
Thanks in advance
So I'm basically a total beginner in things of app programming.
I started with the "Navigation Drawer Activity" from Android studio and my problem is, I want the nav drawer toggle icon (top left corner) and the "3 dotted icon" (top right corner), but I don't want it in a toolbar.
My question is, should I remove the toolbar and keep the Icons (if so, how could I do that) or should I make the toolbar fullscreen (don't know how to remove the appname)?
Or is there any better way? Like starting from scratch and placing the icons where I want?
Thanks in advance!
What you see as "nav drawer toggle icon" is actually an ActionBarDrawerToggle object and as its name suggests it can only reside in a Toolbar.
The "3 dotted icon" is the toolbar's menu button. You can create a new button with the same icon and use it to popup a menu but it's not that simple.
Remember that the Toolbar is a container and you can customize it the way you want, so my advice is to use it because the other option is a lot harder.
You can set:
in xml
android:elevation="0dp"
or
app:elevation="0dp"
or bycode
getActionBar().setElevation(0);
to remove any elevation of the toolbar.
A few years ago I did something similar to what I think your wanting to do. I made my app so that I had a navigation drawer and settings icon but styled it so that there was no actual visible bar. This gave the app a bit so generic feel and more of a modern look. Also made the drawer and settings menu feel more integrated with the app as a whole. Unfortunately this is a bit of an involved task. For one this in a way, in the sense that they are a "guideline" and that this goes against the idea of making the flow and feel of the app to be what the user is expecting in the traditional sense, goes against the Google Material Guidlines. And two the activity templates are good for learning and generic apps. If your trying to make something that customized is generally going to require you to create everything from scratch. Three, I find I have slight of trouble with the navigation drawer template the Android Studio provides. I'll use it to play around with ideas or to get a feel of how I want my app but if I'm ready to start coding my "production level" app I then start a new project with no activity and make everything myself. Now...
It sounds like what you want is a navigation drawer, which requires a toolbar, but don't want your app name to display. The three simplest solution here would be to go to the strings.xml and in there is a line like so.
<string name:"app_name">YourAppName</string>
Clear that line. (This may cause issues I haven't treated recently and am unable to atm)
There will still be a visible bar across the top though. So if that is not the desired effect, it would be simpler to create a new project with either a black activity or no activity. Google search Android how to create styles and themes and then Google search android navigation drawer with kotlin. Look for a tutorial that shows how to make a navigation drawer from either a blank activity or no activity. Then you will have to create your own style that either doesn't have a color or set the background transparency, of the appbar which is inside/apart of the toolbar, to 100%. I can't remember which because it's been a long time.
I hope this helps.
P.S. Thanks for this question it gives me a great idea for a blog post on my website "How to create a Navigation Drawer with no visible app bar in Kotlin". Once I get it made I'll add a link and can maybe edit my answer with some code detailing the style and theme modifications.
I recently got into android development. I just started on my first app and was wondering how to move the app title right next to the drawer icon instead of it being in the middle like this.Example
Is there anyway to do this at all? Thanks.
Normally,the app title is right next to the drawer icon. I think your layout file may have a problem, can you show you layout code?
I need to add a navigation icon to my Toolbar, and I cannot use an ActionBar. Where is the default up button you'd get from using an ActionBar with homeAsUp enabled?
You can find loads of material design icons here, the pack also contains the up arrow.
You can find the default icons for android in \path-to-your-android-sdk-folder\platforms\android-xx\data\res, your question is not very clear so if my answer doesn't fit, please give more details on what you want to realize , and maybe with illustrations.
Is there a way to make to change the color of the 3 dots of the menu icon?
I'd like to make them completely white without any transparency but haven't found anything in the android styles/themes?
FYI: I'm using actionbarsherlock.
Thanks in advance :)
this is because they aren't made in the code just search the image com_actionbarsherlock/res/drawable-hdpi/abs__list_divider_holo_light.9.png in your drawable directory there you can change the color of this image.