[androidbrasil-dev] Barra no topo do Android - Mudar de cor

[Gink Labrev]

Fala,

Qual o nome daquela barra no topo do Android aonde exibe as informações como WiFi, 4G, hora, etc ... ?

Percebo que algumas apps no material design mudam a cor desta barra para o mesmo da Toolbar.

Mas uso a toolbar e a cor dessa barra não muda. Alguém saberia como fazer essa mudança ?

Abs,

[Rudson Lima]

O que você procura é isso Window.setStatusBarColor(), e aqui tem mais informações do Material Design

http://developer.android.com/training/material/index.html

[Alexandre M. Carvalho Petraglia]

Geralmente, essa barra de status tem um tom acima da cor da toolbar.

Caso você esteja usando o tema do material deisgn, pode fazer o seguinte:

No styles.xml terá o seguinte:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
</style>

Então você cria um arquivo colors.xml

<resources>
    <color name="primary">#009688</color>
    <color name="primary_dark">#00796B</color>
    <color name="accent">#FFC107</color>
</resources>

E a toolbar, você coloca o background: android:background="@color/primary"
Então a toolbar terá a cor colorPrimary e a barra de status do android ficará na cor do "colorPrimaryDark".
Caso deseje as duas na mesma cor, basta mudar o colorPrimaryDark pra mesma cor do colorPrimary.
Abraço,
Alexandre

2015-05-12 13:09 GMT-03:00 Rudson Lima <rudso...@gmail.com>:

O que você procura é isso Window.setStatusBarColor(), e aqui tem mais informações do Material Design

http://developer.android.com/training/material/index.html

--
You received this message because you are subscribed to the Google Groups "Android Brasil - Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to androidbrasil-...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Gink Labrev]

@rudson e @alexandre

Valeu. Fiz assim:

if (Build.VERSION.SDK_INT >= 21) {
    Window window = getWindow();
    window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
    window.setStatusBarColor(getResources().getColor(R.color.material_blue_700));
}

Sabe se é possível deixar definido no xml ?


Abs,

[Rudson Lima]

A dica do Alexandre é via XML.

[Gink Labrev]

Opa. Foi mal.

Então não captei alguma coisa.

Tenho o background  da Toolbar definido da seguinte forma: <android.support.v7.widget.Toolbar ... android:background="@color/material_blue_500" />

Mas isso não altera a cor do status bar.

O theme está assim:

<style name="BlueBarMaterialDesignTheme" parent="Theme.AppCompat.Light.NoActionBar">

        ...

        <item name="colorPrimary">@color/material_blue_500</item>

        <item name="colorPrimaryDark">@color/material_blue_700</item>

        <item name="colorAccent">@color/material_blue_A200</item>

    </style>

Não entendi porque não funciona. 

Teria que manter a nomenclatura @color/primary e @color/primary_dark para funcionar ?

2015-05-12 21:14 GMT-03:00 Rudson Lima <rudso...@gmail.com>:

A dica do Alexandre é via XML.

--

[Alexandre M. Carvalho Petraglia]

A princípio, você precisa manter o colorPrimaryDark na definição do style e não na definição da cor.

Na documentação diz o seguinte:

"To set a custom color for the status bar, use the android:statusBarColor attribute when you extend the material theme. By default, android:statusBarColor inherits the value of android:colorPrimaryDark."

Ou seja, pra customizar a cor do status bar, você usa o statusBarColor. Mas como o statusBarColor herda do colorPrimaryDark, você definindo este último seria o suficiente.

Fiz um teste aqui no aplicativo que estou fazendo, e funcionou usando a sua nomenclatura.

Também não entendi o porque de não funcionar.

Versões pré-lollipop não funciona. Você está rodando no Lollipop ou está usando compatibilidade e testando em versões pre-lollipop?

Eu rodei o aplicativo em um emulador com versão pré-lollipop pra confirmar e não funciona mesmo não. Só pra lollipop!

[Rudson Lima]

@Gink já deu pra perceber que você nem abriu o link que mandei :'(

 Só isso aqui já seria o bastante para a cor da statusBar, lembrando que a cor só vai mudar da api 21+

<item name="colorPrimaryDark">color</item>

[Gink Labrev]

Pessoal,

Valeu pela explicação.Então testei de novo e não sei dizer porque não funciona. A cor do status bar não está herdando de colorPrimaryDark.

Não é problema do Android, pois a versão é 5.0 e funciona programaticamente. 

Mas o chato é fazer isso em todas Activities (ou criar uma herança só por isso). Preferia já deixar no tema.

Rudson,

Tinha visto a documentação sim. O pouco que sei de Material Design aprendi por lá e pelo StackOverFlow.

Mas não vi nada ali que possa indicar o que está ocorrendo.

--

[Gink Labrev]

Não sei se faz diferença, mas estou usando o appcompat-v7.

[Neto Lobo]

Gink você tem a pasta values-v21 no seu projeto?

--

Confiram meus apps Android no Google Play

https://play.google.com/store/apps/developer?id=Neto+Lobo

@netolobo

[luciofm]

Qual o target que você está 'buildando'?

[Gink Labrev]

Neto,

Não possuo. Já tentei fazer isso - inclusive adicionando a propriedade abaixo - mas não resolveu.

<item name="android:windowDrawsSystemBarBackgrounds">true</item>

luciofm,

Está assim:

android {
	compileSdkVersion 21
	buildToolsVersion '21.1.2'
	defaultConfig {
	minSdkVersion 16
	targetSdkVersion 20 ... }

[luciofm]

Eu chutaria que o problema é o Target SDK 20...

[Alexandre M. Carvalho Petraglia]

@luciofm, isso mesmo.

Fiz um teste aqui pra confirmar, mudei o meu target de 22 pra 20 e a barra ficou..... preta!!!!!

@Gink, mude a versão target pra 21. Deve funcionar. E avisa a gente!!!

[Gink Labrev]

Galerinha fera essa !

Agora funcionou ! O problema era a versão do target mesmo.

Valeu !!!