In the new Gmail app, in the mail activity. The toolbar is white, and when you scroll down, the text appears under the toolbar (the toolbar is part transparent).
When I've tried to do this with alpha or color-code, the white becomes more greyish. While in Gmail, it's complete white.
How can I achieve such a design? Have anyone tried doing this before?
P.S: I'm trying to achieve this with a view, not a toolbar.
Edit: I'm talking about this entire space, toolbar+statusbar. It's complete white with opacity/transparency
(https://i.stack.imgur.com/LYD4M.jpg)
Related
I try to obscure the entire screen to have a focus on some elements when clicking on a button.
What i'm looking for
I'm looking for the same shadow created when a BottomSheet appear.
I tried to set a layout covering my entire view but obviously the status bar doesn't change. (I animate alpha on click)
I tried to use android:statusBarColor, android:windowTranslucentStatus, android:windowTranslucentNavigation and android:windowDrawsSystemBarBackgrounds but unfortunately my toolbar appear behind the status bar.
What I get
For my app I want to have the same behavior of the icon in the toolbar as seen in the picture. My guess is they made a white square around the icon and then set a paddingTop on the icon or maybe resized the icon?
How can I do this to only the icon? I already made some mods in my style.xml to the text in the toolbar.
Would this be the right place?
I want to make a multi-layered background with the gray layer being on top of the red one so that it can be movable up and down the y-scale. My issue is with the way I can achieve the complex curve that is on the top of the gray layer.
Any ideas where can I look for solution for my problem?
You can make a collapsing toolbar like this : Collapsing Toolbar Layout Guide
and set the background gray, and the "giraffe" image (look in the link) as the picture you put in your question.
I am trying to create a FAB button that has a circle icon in it. I want to fill the entire button with the icon as shown in the image, but Android seems always to add space between icon and button.
Can someone please explain how to get rid of the space? I have multiple FAB buttons in my app, and I only want to do this with one of them. How can I do this by setting the attributes of the button or programmatically?
I have multiple pages. You cans swipe between them. My first page is all pink and my toolbar is pink so it can match with the page background. However, when I swipe to the next page, it's green. But the toolbar stays pink. Is there anyway the toolbar can change color depending on which page is present?