Barra di stato e barra delle azioni trasparenti di Android

Ho fatto alcune ricerche su questo argomento e non sono riuscito a trovare una soluzione completa così, passo dopo passo e con qualche prova ed errore, finalmente scopro come possiamo ottenere questi risultati: avere un trasparente o colorato Actionbare Statusbar. Vedi la mia risposta qui sotto.

Sto sviluppando un'app che deve apparire simile in tutti i dispositivi con> = API14 quando si tratta di personalizzazione della barra delle azioni e della barra di stato. Ho finalmente trovato una soluzione e dato che ho impiegato un po 'di tempo la condividerò per salvare alcuni dei tuoi. Iniziamo usando una dipendenza appcompat-21.

Barra delle azioni trasparente :

values ​​/ styles.xml :

<style name="AppTheme" parent="Theme.AppCompat.Light">
...
</style>

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme">
    <item name="android:windowContentOverlay">@null</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="colorPrimary">@android:color/transparent</item>
</style>

<style name="AppTheme.ActionBar" parent="AppTheme">
    <item name="windowActionBarOverlay">false</item>
    <item name="colorPrimary">@color/default_yellow</item>
</style>

valori-v21 / styles.xml :

<style name="AppTheme" parent="Theme.AppCompat.Light">
    ...
</style>

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme">
    <item name="colorPrimary">@android:color/transparent</item>
</style>

<style name="AppTheme.ActionBar" parent="AppTheme">
    <item name="colorPrimaryDark">@color/bg_colorPrimaryDark</item>
    <item name="colorPrimary">@color/default_yellow</item>
</style>

Ora puoi utilizzare questi temi nel tuo AndroidManifest.xmlper specificare quali attività avranno un colore trasparente o colorato ActionBar:

    <activity
            android:name=".MyTransparentActionbarActivity"
            android:theme="@style/AppTheme.ActionBar.Transparent"/>

    <activity
            android:name=".MyColoredActionbarActivity"
            android:theme="@style/AppTheme.ActionBar"/>

Nota: in API> = 21 per ottenere il Actionbartrasparente devi ottenere anche il Statusbartrasparente, altrimenti non rispetterà i tuoi stili di colore e rimarrà grigio chiaro.

Barra di stato trasparente (funziona solo con API> = 19) :
questa è piuttosto semplice, usa il seguente codice:

protected void setStatusBarTranslucent(boolean makeTranslucent) {
        if (makeTranslucent) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

Ma noterai un risultato funky:

Questo accade perché quando Statusbarè trasparente il layout userà la sua altezza. Per evitare ciò, dobbiamo solo:

SOLUZIONE UNO:
aggiungi questa riga android:fitsSystemWindows="true"nel contenitore della visualizzazione del layout di qualsiasi cosa desideri posizionare sotto la barra delle azioni:

    ...
        <LinearLayout
                android:fitsSystemWindows="true"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
            ...
        </LinearLayout>
    ...

SOLUZIONE DUE:
aggiungi alcune righe al nostro metodo precedente:

protected void setStatusBarTranslucent(boolean makeTranslucent) {
        View v = findViewById(R.id.bellow_actionbar);
        if (v != null) {
            int paddingTop = Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT ? MyScreenUtils.getStatusBarHeight(this) : 0;
            TypedValue tv = new TypedValue();
            getTheme().resolveAttribute(android.support.v7.appcompat.R.attr.actionBarSize, tv, true);
            paddingTop += TypedValue.complexToDimensionPixelSize(tv.data, getResources().getDisplayMetrics());
            v.setPadding(0, makeTranslucent ? paddingTop : 0, 0, 0);
        }

        if (makeTranslucent) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

Dove R.id.bellow_actionbarsarà l'ID di visualizzazione del contenitore di layout di tutto ciò che vogliamo essere posizionato sotto Actionbar:

...
    <LinearLayout
            android:id="@+id/bellow_actionbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        ...
    </LinearLayout>
...

Quindi è così, penso che non sto dimenticando qualcosa. In questo esempio non ho usato a Toolbarma penso che avrà lo stesso risultato. Ecco come personalizzo il mio Actionbar:

@Override
    protected void onCreate(Bundle savedInstanceState) {
        View vg = getActionBarView();
        getWindow().requestFeature(vg != null ? Window.FEATURE_ACTION_BAR : Window.FEATURE_NO_TITLE);

        super.onCreate(savedInstanceState);
        setContentView(getContentView());

        if (vg != null) {
            getSupportActionBar().setCustomView(vg, new ActionBar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            getSupportActionBar().setDisplayShowCustomEnabled(true);
            getSupportActionBar().setDisplayShowHomeEnabled(false);
            getSupportActionBar().setDisplayShowTitleEnabled(false);
            getSupportActionBar().setDisplayUseLogoEnabled(false);
        }
        setStatusBarTranslucent(true);
    }

Nota: questo è un abstract classche estende la ActionBarActivity
speranza che aiuti!

Supporta dopo KITKAT. Basta aggiungere il seguente codice all'interno del metodo onCreate della tua attività. Non sono necessarie modifiche al file manifest.

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                Window w = getWindow(); // in Activity's onCreate() for instance
                w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
            }

Basta aggiungere queste righe di codice al file java di attività / frammento:

getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
);