Making the actionBar Cool - android

How can i make the ActionBar Epic as this one ?
Also normally in Google Apps, when we swipe down the action bar actually get shrinked down in size with a beautiful effect, is that effect available for developers? or we have to do it on our own ? And how can we do it?
In this image overhere, there's icon and text above the image, and also a rounded button, i wonder if this sample is documented and i'm missing it, hope guys you'll point that out!
Also how can they add text to the ActionBar??
Hope you'll help! Thanks!

This is all from the new Materials Theme that is going to be available in the next version of Android. You can find out more at the Android L Developer Preview site.

You may use this project available on github to implement your epic actionbar.
Regarding icons/buttons, simply use drawables or 9-patch to get it done.

Related

Is it possible to customize the BottomNavBar without Icons, Change the text and Changing the selected tab background

BottomBarNavigationBar template
BottomBarNavigationBar
Note : It should follow google material design guidelines also.
Removing Bottom Navigation Bar is not possible in non-rooted android device. But you can set buttons to just above the Bottom navigation Bar,it would work fine and look nice.
For changing text style you can go through this link. It would clear your doubt.
Changing the selected tab is definitely possible. For this go through this link
And finally I am sorry that I am giving just link here, as all the questions you asked are already available on SO.
So please, next time when you ask any question, then do a detail research about it then post that here.

How to create android screen (activity) like the Google Play Store v4.9/5.0 (Parallax image+Fading in action bar)

I guess the question I've placed explains itself clearly. Tried different solutions available on the internet but getting more than confused.
First I tried to get the fading effect in action bar From this tutorial here
But the result was, that the imageview that was placed on the activity screen, along with the action bar, the image too started exhibiting the same properties. Tried to alter, the action bar became fully transparent, and image still continued to exhibit the property.
Any help would be greatly obliged. Thanks
You can take a look into the Google IO 2014 app which has this effect.
Source code and information on the google dev blog : http://android-developers.blogspot.fr/2014/08/material-design-in-2014-google-io-app.html
You can also use library like Parraloid : https://github.com/chrisjenx/Paralloid
Combine it with the tutorial for fading the actionbar and you're good to go.

sliding layout like google maps v7

Im trying to get the same result as new google maps, when you "tap" on any "marker" you get a little layout in bottom of the screen, all the info about the srteet view and other details shown there, when you hold and move your finger to top of the screen the layout moves and c over all screen or half of the screen. i was thinking use slidingDrawer but seems google depreceate this method on api 17. so how i can achieve this?
Im attaching the image of example:
you could look into using this SlidingUpPanel which appears to be exactly what you are looking for
Now from with Android Support Library 23.2 we can use Design Support Library: Bottom Sheets
Something that might be worth looking into is the answer to this question.
More specifically the answer that links here.
Basically the idea is that They realized that the sliding drawer left some things to be desired and they created a custom component with similar functionality. This will give you more freedom and a way around using deprecated classes. Let me know in comments if there's anything else that would be helpful to know.
Happy coding!

how to make ICS like tabs (white background with sky blue line at the bottom) in android 2.2

How Do I make deafult ICS style tabs in android 2.2. I don't want to use ActionBarSherlock, instead I need to apply custom drawables. Can someone help ?
I tried using 9.png but didn't help much, as it didn't fill the complete tab, instead it shows only some blurred extended background. If you are suggesting some drawables - Please provide the drawable as well.
You can download ready made demo from this link: ICSStyleTab. I tried it for one of the project and it is working fine. If you wanted to add pager functionality, you can easily add using FragmentPager from Support V4 Library.
Update: ICSStyle Tab With Pager Demo
Thanks.
HoloEverywhere is a library to provide ICS/Holo theme to pre-3.0 devices:
https://github.com/Prototik/HoloEverywhere
Even if you really want to write your own code, you can gain a great deal of insight simply by looking into its source.

Custom Title Bar Similar to this one

I want to create a custom title bar, somewhat like this, in my Android app. Please pardon if my question seems idiotic, I'm a beginner. Can anyone tell me if it is a titlebar or an Action bar? Plus how can I give this Shaded Black color to my titlebar/action bar?
PS: I'm using GingerBread on my Android. My app will require minimum SDK version to be 4 but it targets Jelly bean too. In GingerBread, I can't make use of ActionBars. Please help me with the problem. It would be highly appreciated.
You will want to use the ActionBarSherlock library for this (which will allow you to use this all the way back to SDK version 4).
It is reasonably easy to style, and is for sure the right way to do this. Lots of examples for this, as it is a very popular library.
http://actionbarsherlock.com/
If you are wanting to target min API 4, then as you state you'll be unable to use the ActionBar.
So you could just create your bar as a LinearLayout or something with whatever buttons / icons you want on it and have it at the top of all of your Activities. If you have many of them it would probably be worth it to refactor the Bar (click handlers and such) handling into a subclass of Activity, and then extend that with all of your other activities.
The visual effect could be easily achived with a 9-patch png set as the background of a LinearLayout. Just make the gradient you want in photoshop/Gimp and drop it into draw9Patch to add the pixels on the edge that will allow it to stretch nicely to fit any screen.
Edit: using actionbar sherlock as others suggested is probably a better idea than doing it "manually" as I suggested.

Categories

Resources